product main catagories

Hi,

You can use a custom CSS rule for this:

.product-subcategories .cat-item {
font-size: 20px;
color: #000;
}

You can play with the values.

You can also set this separately to every item like this:

.product-subcategories .cat-item-CATEGORY_ID {
font-size: 20px;
color: #000;
}

And replace the CATEGORY_ID with correct value.

Thank you, I was able to change the font size. However, the colors wont change.

I tried using ccs color codes:

Color Color HEX Color RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)

Hi,

It should help if you modify the rules to the following ones:

.product-subcategories .cat-item a {
font-size: 20px;
color: #000;
}

Ok, so how do I do this exactly? .cat-item a? instead of the category id? please advise.

If you need to apply this to each separate category than you need to use:

.product-subcategories .cat-item-CATEGORY_ID a{
font-size: 20px;
color: #000;
}

.product-subcategories .cat-item-CATEGORY_ID a (then a and the category number?){
font-size: 20px;
color: #000;
}

ok i got it thank you.