WordPress.org

CSS Styles

Most default WordPress classes have been added to the widget, but some level aware classes have been added for further styling. Level numbers start at 1 (top level pages) and increase depending on how far down the tree structure the pages go. Below are some of the IDs and classes that can be used to customise the menu layout:

• ul#yttreemenu - This is the main unordered list ID
• li.yttml_[LEVEL] - Level class for list items. For example: li.yttml_1, li.yttml_2, etc
• a.yttma_[LEVEL] - Level class for page links. For example: a.yttma_1, a.yttma_2, etc
• a.yttm_current - Class for current open page
• a.yttm_current_[LEVEL] - Level class for current open page. For example: a.yttm_current_1, a.yttm_current_2, etc
• a.yttm_path - Class for current path (parent / ancestor) page
• a.yttm_path_[LEVEL] - Level class for current path (parent / ancestor) page. For example: a.yttm_path_1, a.yttm_path_2, etc

To test the path / current item classes, simply add the following to your CSS stylesheet: a.yttm_path {color:red;} a.yttm_current {color:orange;}