Adding shadow below the slider images

Yes, of course! you can either do it with a box-shadow or with a custom image like that. Probably easier to use CSS so you don’t have to deal with responsive. Just use a Custom CSS Plugin and add what you want to the carousel. It might look like this:

.carousel {
   box shadow: 0 8px 6px -6px #DADADA;
}

Hope this helps!

Hey Laura,

thx for youre responsive. Really cool to get an answer so quick ??

If I add youre code in the Custom CSS, nothing happens. Maybe the shadow is behind the slider or something?

Can you send a link to your site so I can take a look?

oh sorry- i forgott to paste the link in my first post, here it is:
https://secondsuspense.com/wordpress

Ok, my mistake. Instead of .carousel it should be .carousel-inner so try this:

.carousel-inner {
   box shadow: 0 8px 6px -6px #DADADA;
}

no effect… mmh is this “box shadow” really correct?
I agree with the carousel-inner

oh geez, I didn’t even notice that and copy and pasted from my last mistake! should be box-shadow!

.carousel-inner {
   box-shadow: 0 8px 6px -6px #DADADA;
}

Pasted this in my Custom CSS- but i see still no shadow below the slider.

Oh- wait… If i zoom on the page, a shadow appears (Zoom 150% in chrome). But it isn’t fixed at the slider and the format is really strange.
May you help again laura? ^^

You need to get rid of the overflow hidden styles in the slider, or add the box shadow to the element with this id:

customizr-slider

hey Andrew and thx for youre answer,

Where do i find the “customizr-slider”? is it on a php file on the server?
Or should i just replace the .carousel-inner with .customizr-slider?

Right, replace .carousel-inner with .customizr-slider

With this:

.customizr-slider {
   box-shadow: 0 8px 6px -6px #DADADA;
}

Now i don’t get any shadow anywhere (not even by zooming in or out)…
[I will let the code saved in my custom css, so you can see the actual process on the site: https://secondsuspense.com/wordpress )

are you guys sure that this is the right way, with .customizr-slider?

okay, we are going to get this right eventually. I notice customizr-slider is a div, not a class, so it should actually be
#customizr-slider

Sorry for all the back and forth. It’s hard to work when you can’t actually touch the site.

Fingers crossed here!

#customizr-slider {
   box-shadow: 0 8px 6px -6px #DADADA;
}

so i replaced the beginning with the result that nothing changed ??

You don’t need to apologize – I need it cause i occupy you^^

Maybe you have another idea

best regards

Okay, we’re getting there. Just increase the 8px (second number) until you are happy with the size. I tried 18px and it popped out nicely.