On this page https://vertaalexperts.nl/vertalen-naar-het-duits/ half way down the page there is a testimonial toggle/slider thingy with orange coloured bullets. I made the bullets orange and when hovered they are black.
So far so good. However I can’t seem to figure out how to get the active testomonial bullet to be black.
I tried adding the pseude class active (a:active) but that didn’t do it.
What do I need to target to get that done?
It looks like the slider adds an extra class to the active slide: activeSlide
So you can target it using:
.mtp-1036 #fusion-testimonials-1 a.activeSlide
That should have high enough CSS specificity to override your hover selector.
I hope that helps!
P.S. :active is just a special state that e.g. links can have during the brief moment they are being clicked.
Just as I noticed in developer the activeSlide state I saw your email stating the same :-).
It is solved now. Thanks for taking the time to help me and especially for creating such an excellent product! After all these years it is still BY FAR the best out there!
Happy to help Martin! And thanks for the encouragement 🙂
You must login or register to reply to this topic.