Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #186802

    Hi, i just want to place a image with a drop shadow directly under the layerslider.
    How do i mange this?

    It shall look like the revolution slider shadow.
    Example is here: http://bauwerkexperten.de/

    Best regards,
    Markus

    #187518

    Hey der_mueller!

    You can add an Image element under Media elements in Avia Layout Builder and add this shadow http://bauwerkexperten.de/wp-content/plugins/revslider/rs-plugin/assets/shadow3.png
    Then you can add following code to Quick CSS in Enfold theme options under Styling tab

    img.avia-builder-el-1 { margin-top: -51px!important; width: 1210px; }

    It should look like this http://i.imgur.com/JyF7lxc.jpg

    Regards,
    Yigit

    #187692

    Hi Ygit,
    it works. :-)
    Thanx

    Is there a chance to get the shadow to full width?
    I tried with some other values, but it resizes always to content area.

    Cheers,
    Markus

    #187724

    Hi!

    Can you post the link to your page where you have added shadow under LayerSlider?

    Regards,
    Yigit

    #187733

    Hi Ygit,

    http://polyscale.m3ms.de/

    I want the shadow to be as wide as the whole slider.

    Cheers,
    Markus

    #187734

    Hi!

    Please remove the image element you have added and add following code to Quick CSS in enfold theme options under Styling tab instead

    #after_layer_slider_1 {
    background: url(http://polyscale.m3ms.de/wp-content/uploads/2013/04/shadow4.png);
    background-repeat: no-repeat;
    top: -1px;
    }

    Regards,
    Yigit

    #187738

    Great, works fine on full screen.
    But now another question. :-)
    Is it possible to scale the width so that it always fits the slidersize?
    I tried with some arguments like max-width: 100%, but it didn´t worked.
    Right now its cutted on scaling the window.

    Cheers,
    Markus

    #187775

    Made it by myself. :-)
    Added the following line:
    background-size: contain;

    Thanks so much.

    Cheers,
    Markus

    #187788

    Hey!

    Glad you figured it out! Let us know if you have any other questions

    Best regards,
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Drop Shadow under Layer Slider’ is closed to new replies.