Multicolored Category Selector
Multicolored Category Selector
By Paul
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.
By Paul
08/24/04 (Edited 03/11/14)
<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 | 1441 views. Averaging 0 views per day. |