[Darko]

I have updated the font colours of the buttons to white but now when I click on a button it changes its font colour to black and it stays with that colour until the focus is on it. I have tried to resolve the issue with CSS :focus and !important but it doesn’t work. I have done some debugging and when I set in the CSS another background colour on :focus it is changed properly but the font colour is still changed to black. I guess there is some JS part related to this class vc_btn3 where the font colour it changed on click of a button but I couldn’t find anything in the code.

[Althemist]

Hello Darko,

Not really sure what do you mean exactly. Could you please provide a link where we can check the on focus behavior with your modified CSS?

Regards,
Dimitar

[Darko]

Hi,

Please check the link for more context to the issue

Also the link to the website is https://toddiz.com

[Althemist]

You’d need to style both the :focus and :active states. In your specific case it’d be something like this:

.vc_btn3.vc_btn3-size-lg:active, .vc_btn3.vc_btn3-size-lg:focus {
color: #your-color!important;
}

[Darko]

This reply has been marked as private.

[Author]

Posts