category widget font

Hi, my skills in coding are very limited so i'd much appreciate if you could give me a simplified step by step instructions as to how i can adjust the fonts style and sizes inside the woo commerce sidebar product category widget. I have attached an image to better explain what I'm trying to do.

Thanks.

Hi,

Could you provide an URL to yoru website? (here or via PM) it'll be easier for me to inspect these elements.

Add this code into css/override.css file:

Code: Select all

.box.wc-menu .cat-parent > a {
   font-weight: bold;
}

and if you want to change font-size:

Code: Select all

.box.wc-menu li a {
   font-size: 20px;
}

Hey Piotr, that was great thanks for that. Now i have a further question, say i want to change the font weight for the 2nd lvl categories, i tried this
}
.box.wc-menu .cat-child > a {
font-weight: semi-bold;

but no luck lol. How change font weight for child categories ?

Hi,

use this CSS selector:

Code: Select all

.box.wc-menu .children li > a

@Piotr Kunicki worked like a charm. Thanks for the great support !