Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 11, 2013 at 12:10 pm #186802
    der_mueller

    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

    November 12, 2013 at 11:18 pm #187518
    Yigit

    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

    November 13, 2013 at 10:46 am #187692
    der_mueller

    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

    November 13, 2013 at 12:47 pm #187724
    Yigit

    Hi!

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

    Regards,
    Yigit

    November 13, 2013 at 1:31 pm #187733
    der_mueller

    Hi Ygit,
    http://polyscale.m3ms.de/
    I want the shadow to be as wide as the whole slider.

    Cheers,
    Markus

    November 13, 2013 at 1:51 pm #187734
    Yigit

    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(https://polyscale.m3ms.de/wp-content/uploads/2013/04/shadow4.png);
background-repeat: no-repeat;
top: -1px;
}

    Regards,
    Yigit

    November 13, 2013 at 2:04 pm #187738
    der_mueller

    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

    November 13, 2013 at 3:10 pm #187775
    der_mueller

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

    Thanks so much.

    Cheers,
    Markus

    November 13, 2013 at 3:49 pm #187788
    Yigit

    Hey!

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

    Best regards,
    Yigit

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Drop Shadow under Layer Slider’ is closed to new replies.