-
Posts
-
Hallo,
for the woocommerce product categories’ menu in the left sidebar I want to change the color of the ‘parent’ categories, to have the layout clearer.
I tried withli.cat-parent {
font-weight:700;
text-decoration: underline;
color: black!important;
}in the enfold Child style.css, and what happens is that:
font-weight changes to 700
text-decoration changes to underline
but: color only changes the number’s (count’s) color after the categories’ name.How may I change that?
Thank you,
SilkeHi Silke,
If you want to target the numbers then you can use this CSS:
ul.product-categories span.count { color: red; }Best regards,
RikardHi,
thank you! Sorry, I think this was a misunderstanding: I do not want to target the numbers, but I want the ‘parents’ text to be in black. But what happens is that the text does not react to this, but only the numbers do:li.cat-parent {
color: black!important;
}How should I adress the parent menu entry to change it to black?
Thank you!
SilkeHi,
Adjust your css to this:
li.cat-parent a{ font-weight:700; text-decoration: underline; color: black!important; }Best regards,
Jordan ShannonDear Jordan,
thank you, I had to add an extra css for the children, too, now it does work – thank you for your help!
Silkeli.cat-parent a{
font-weight:700;
text-decoration: underline;
color: black!important;
}
li.cat-parent .children a{
font-weight:200!important;
color: #719430!important;
}
- The topic ‘Change color in left side bar product categories menu’ is closed to new replies.