ASP.NET Text Menu - Advanced Customization

Looking inside the css file

To fine tune the display of Text Menu, you can edit the file style.css from StyleFolder and change the style of the different composing elements.
The CSS file contains the following classes:
    · .parentMenuContainer - the container for parent items.
    · .parentMenuItem - the class for parent items.
    · .parentMenuItemOver - the class for parent items when mouse is over the item.
    · .menuContainer - the container for menu items.
    · .menuItem - the class for menu items.
    · .menuItemOver - the class for menu items when mouse is over the item.

parentMenuItem, parentMenuItemOver, menuItem and menuItemOver all contain subclasses for the content cell (#tm_contentCell) and submenu cell (#tm_submenuCell) of the parent menu item and menu item respectivelly. You can use those to set background colors, padding properties, etc.

Tip: If you set property ColorBackground to "" (ColorBackground="") for a Text Menu, then the menu will use the background-color defined in the CSS file. The same applies to ColorText, Font and FontParent.

To see some usage examples of the classes in the CSS file, take a look at the following examples and their style.css file:
    · Transparent Example
    · Submenu Icon Example