Active bullet colour change

Author Posts

Martin_1 November 9, 2023 at 5:24 pm

Hi,

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?

Regards,

Martin

Sebastian November 10, 2023 at 8:58 am

Hey Martin,

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!

Sebastian

P.S. :active is just a special state that e.g. links can have during the brief moment they are being clicked.

Martin_1 November 10, 2023 at 2:10 pm

Thanks Sebastian!

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!

Sebastian November 11, 2023 at 2:16 pm

Happy to help Martin! And thanks for the encouragement 🙂

You must login or register to reply to this topic.