Shadow above and below inner frame RevSlider

[TIS123]

Hi,

Is there a way to add the same inner shadow at the bottom of the slider frame like at the top (see arrows)?

Best regards, Hans.

[thai]

Hi There,

It’s possible with the custom CSS, please add this CSS under Theme Options > CSS:

.rev_slider {
   -webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.75);
   box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.75);
}

You can edit the shadow using this online tool:

https://www.cssmatic.com/box-shadow

Hope it helps

[TIS123]

Hi,

Thanks for helping! The CSS code works but unfortunately the slider image hides the shadow as shown in the attachment. Any ideas?

Best regards, Hans.

[jade]

Hi Hans,

Please try this:

.x-slider-container {
    box-shadow: rgba(0,0,0,0.05) 0px 10px 20px;
}

Here are some related links of the suggestions above for further reading:

• Intro to CSS - https://goo.gl/mFuWQT

• How to get CSS selectors - https://goo.gl/BmoH39

• CSS Box Shadow - https://goo.gl/LepH4Q

Hope this helps.

[TIS123]

Hi Jade,

Works, thanks again for the perfect X-Support!

Best regards, Hans.

[christian]

You’re welcome, Hans. Glad we could help.