change text colour for product categories bar

Hi,

I’m trying to change the text colour for the basel product categories bar because I changed the background colour of this categories to light. I was able to change the colour with the following code. But I’m not able to change the hover/focus colour for the links. I tried this but it didn’t work..

.color-scheme-light .basel-product-categories li a {
color: #7a7373;
}

The following is not working..pls help
.color-scheme-light .basel-product-categories ul li a:focus {
color: #7a7373 !important;
}

Please see private content for screenshot..

Sincerely,
Rupa

Hello,

In order to set the color on hover you need to specify a:hover not a:focus

Navigate to the Theme Settings > Typography > Advanced typography and insert colors as per your needs: http://prntscr.com/l6zn64

Best Regards

thank you Elise. But now the underline effect that was there earlier is gone. How to get that back? I’m not sure if that is white in colour and not seen?

Hello,

Add this code to the Theme Settings > Custom CSS

.color-scheme-light .basel-product-categories li a:hover{
    text-decoration:underline;
}

Best Regards

The underline is already happening, I only want to change the colour of this from white to something else.

Hello,

Have you tried Theme Settings > Typography > Advanced typography and insert colors as per your needs: http://prntscr.com/l6zn64

Best Regards

yes, i have changed the colour of the link text. But the colour of the underline that happens is still white and is not changing.

https://snag.gy/3hmskW.jpg

Hello,

Add this code to the Theme Settings > Custom CSS

.color-scheme-light .basel-product-categories li a:after{
  display:none;
}
.color-scheme-light .basel-product-categories li a:hover{
    text-decoration:underline;
}

Best Regards

Thank you Elise, but this is not getting me the desired result. I’ll come back to this later and explain better

[Author]

Posts