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.
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?
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;
}
You miss before :) try this:
.testimonial-carousel .carousel-control:hover::before {
color: red !important;
}
.testimonial-carousel .carousel-control:hover::after {
color: red !important;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.18.0
- Device: Desktop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 5 years ago
I'm confused. Do you want to change the icon or just its color and background color?
nathangrieve10 commented 5 years ago
The colour of the icon