PDA

View Full Version : Category headers


meules
09-23-2009, 11:14 PM
Hi,

Can't figure this one out. Is there a way to make the background of the main category e.g black and the subcategories a default color? Like the screen provided? I shall try to be more specific:

--------------
Categories
--------------
+ Computer
- cpu's
- motherboards
- graphic cards

What I want to change is the main category "Computer". I want to add a background image there or make the background of just "computers" eg. black (like the image in the first post). The backgroundcolor of the subcats cpu's, motherboards and graphic cards have to be different then the color of the main category.
The problem with this is, is that both the main category aswell the subcats make use of the same "snippet" or "styling". In other words, If I change the background color of the main category "computers" then the subcats will have the same background color.

Somebody have any instructions or a startingpoint? Chris maybe you can help?

Meules

BA Creative
03-31-2011, 08:16 AM
You can achieve this with styling, since the category list is a set of nested ULs.


.SideCategoryList ul li {
background: #000;
color: #fff;
}


So the first ul li is the top level categories and the next level sub-categories could be styled differently again.