Topic: How to change colour of icon controls on carousel?
I'm trying to change the icon controls (arrows) for the MDB carousel here. I tried changing to a fontawesome icon but then a white box appears for some odd reason beside it so I can't do it that way. How can I change the colour here? Need the icons white for a dark background.
Have you tried to overwrite their color in css?
.testimonial-carousel .carousel-control::before {
color: black;
}
And don't forget about opacity:
.testimonial-carousel .carousel-control {
opacity: unset;
}
Thanks, that worked! Though after hovering it still turns black. I tried:
.testimonial-carousel .carousel-control::hover {
color: red!important;
}
.testimonial-carousel .carousel-control::after {
color: red!important;
}
But that doesn't seem to work for some reason?
You miss before :) try this:
.testimonial-carousel .carousel-control:hover::before {
color: red !important;
}
.testimonial-carousel .carousel-control:hover::after {
color: red !important;
}
Answered
- User: Free
- Premium support: No
- Technology: jQuery
- MDB Version: 4.18.0
- Device: Desktop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 10 months ago
I'm confused. Do you want to change the icon or just its color and background color?
nathangrieve10 commented 10 months ago
The colour of the icon