WSN
Details Share Print Rate Report
Multicolored Category Selector
Multicolored Category Selector
By
08/24/04 (Edited 03/11/14)

Suppose you want each depth level in your category selector to have a different color, to stand out. If you're using the non-level-based selector (make sure Admin -> Settings -> Switches -> Level-based category selector is off), you can do so. Go to Admin Panel -> Categories -> Category Settings -> "Category selector options HTML:" and change the value to
<option value="{CATID}" class="selectcolor{CATINDENT}">{CATINDENT} {CATNAME}</option>

Then go to Admin -> Themes -> Manage Templates -> Stylesheet and add this at the bottom:

option.selectcolor { background-color: green; }
option.selectcolor- { background-color: blue; }
option.selectcolor-- { background-color: red; }

Continue adding lines for as many levels of indentation as you have.

Note: If you use a different indentation character than the hyphen, you will have to replace the hyphens with your character in the stylesheet.




Description Use different colors for each layer of depth in your category selector, to distinguish them.
Rating
Views 1289 views. Averaging 0 views per day.

Previous Article | Next Article