As of version 0.9, there are several default styles that come with collapsing-categories. You can choose from these in the settings panel, or you can create your own custom style. A good strategy is to choose a default, then modify it slightly to your needs.
Here is the deal. If you have a rule in your theme like: #sidebar ul li ul li {color:blue} it will override a rule like li.collapsArch {color:red} because it uses an ID, instead of a class. That is the way CSS works. So if change our rule to: #sidebar li.collapsArch {color:red} then this alleviates that problem. The option for the ID of the sidebar does this automatically for you.
If you want to use images, you can upload your own images to http://yourblogaddress/wp-content/plugins/collapsing-categories/img/collapse.gif and expand.gif
There is an option for this.
If you select a sub-category to expand by default, but not the parent category, you will not see the sub-category expanded until you expand the parent category. You probably want to add both the parent and the sub-category into the expand by default list.
Make sure you specify category names, not ids.
Add a line to the collapscat.css file in the .sym class, like so:
.sym {font-family:monospace; font-size:1.5em; line-height:1.5em; padding-right:5px;}
= There seems to be a newline between the collapsing/expanding symbol and the category name. How do I fix this? =
If your theme has some css that says something like
sidebar li a {display:block}that is the problem. You probably want to add a float:left to the .sym class
Are you using categories or tags? By default, collapsing categories only lists categories. Please check the options in the settings page (or in the widget if you are using the widget)




