Tagged: bottom, CSS, full width, LayerSlider, shadow
Hi, I’m trying to get a nice looking slideshow shadow right under the bottom edge of my slides – and something that will adjust to the picture width size so that it works regardless of width size: e.g. Full-width, 1400 px wide or 800px wide. I tried numerous times using the css code suggestions on the Enfold forum on my localhost test site yesterday for hours, but my attempts were futile. And I’d like to use css code for the shadow (e.g. box-shadow: 10px 10px 5px #888888;) rather than a png file.
And is it possible to do a right-edge shadow on the slideshow when it’s set to full-width? Maybe 3 to 5 pixels wide?
Thank you! Steve
Hey Steve!
Maybe something like this?
.avia-layerslider {
box-shadow: 10px 10px 10px black !important;
position: relative !important;
z-index: 99 !important;
}
Best regards,
Elliott
Hi Elliott,
Thank you so much! That worked perfectly.
Most Gratefully,
Steve
Hi!
Glad Elliot could help :)
Please let us know if you need any help in the future.
Cheers!
Dake