A different icon for each top category will require making each top cat "special" per the directions in the readme and in the comments in /includes/templates/your_template/sideboxes/tpl_categories.php.
Then you will have to duplicate the "bullet" styling for each special top cat class.
Change "list-item" to "block" here (delete red text, add green text):
Code:
#categories ul ul a {/*subcategories*/
display: list-item block;
list-style: circle inside url(../images/bullet1.gif);/*change to list-style: none; to remove bullet*/
background: #ffddbb;
border: none;
margin: 0;
padding: 0;
}
Delete the list-style lines in
#categories li a.cat-parent-text {
and its companions.
Add a rule for each special category, in the
/*example for custom individual category styling*/
section:
Code:
#categories li.cat-special_style a {
list-style: square inside url(../images/your_first_icon.gif);
}
Replace the red text with your custom names.
A note for you: Categories Dressing v2.8 is almost ready, and it has a simplified procedure for creating the special category classnames. If you can wait a week, I should have that posted (there is only a little bit of final editing left, but I am heading out of town on a business trip).
P.S. - since you are using the chcategories version, you will want to change all instances of #categories to #chcategories.
Bookmarks