change opacity of slider arrows on showcase carousel
-
I’m using the pro version of showcase carousel on a website I’m building.
I want to make the opacity level a bit darker on the slider arrows so they stand out a bit more against the images.
I’ve figured out it’s this code here
.white .owl-carousel .owl-nav .owl-next {
etc
}
.white .owl-carousel .owl-nav .owl-prev {
etc
}But it’s not changing as you’ve already used !important in your code. So how can I override this?
Viewing 2 replies - 1 through 2 (of 2 total)
-
You do this by being more ‘specific’. CSS Specificity.
So you could have:
.white #SLIDER_ID .owl-nav .owl-next { ... !important; }
(CSS IDs are more specific than CSS classes)OR:
#DIV_ID .white .owl-carousel .owl-nav .owl-next { ... !important; }See here for more info:
https://www.w3schools.com/css/css_specificity.asp
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘change opacity of slider arrows on showcase carousel’ is closed to new replies.
