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!
Thread Starter
Susch
(@susch)
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?
Thread Starter
Susch
(@susch)
oh sorry- i forgott to paste the link in my first post, here it is:
http://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;
}
Thread Starter
Susch
(@susch)
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!
Thread Starter
Susch
(@susch)
.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? ^^
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
Thread Starter
Susch
(@susch)
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
Thread Starter
Susch
(@susch)
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: http://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!
Thread Starter
Susch
(@susch)
#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.
