Color Code Categories

Hi,

I am trying to figure out a way to custom display each category with regard to color/css for say div and/or table display.

i.e.
Category A - Blue Background, White Text
Category B - Orange Background, White text.

Is there a way to do this (add class?)

Hi,

Can you send me a link to the page to edit for testing purpose and show me a screenshot of what you exactly want to do ? Then I'll probably be able to answer you .

LOL.. sorry about that.

Here is the page.
magnet.com.au/

The trick is that I also want the sub-categories (as seen on the right menu) to display the same color/style as the parent:
Rare Earth Magnets (Neodymium)

1. Rare Earth - Blocks
2. Rare Earth - Cylinders
3. Rare Earth - Discs
4. Rare Earth - Rings
5. Rare Earth - Holding Magnets (Pots)

Ok, regarding the category background color, you can use some CSS code like :

.span12.hikashop_category.hikashop_category_column_1.hikashop_category_row_1 td {
background-color: blue !important;
color: white !important;
}

.span12.hikashop_category.hikashop_category_column_1.hikashop_category_row_1 td .hikashop_category_desc {
color: black;
color: white !important;
}

Thanks Mohamed,

Perfect! That works.

And to do it for the sub-category divs layout and the product tables was to utilise custom templates via the menu.
(will show once site live and not on dev server.)

Thanks again.

What do you mean by the "sub-categories" ? can you do a screenshots of where you also want this CSS code to be applied ?
Thanks .

Hi Mohamed ,

Already done the custom and was just mentioning it (not looking for it to be done).

You can see it here: staging1.magnet.com.au/

Well done .