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
.
