Please refer to CSS guidelines in order to learn how to modify CSS and define a different look and feel. This section however gives an overview what each of the classes mean, and what they are used for. For more information about styles, see Styles.
There are three CSS files that define the look and feel of the menus.
Contains common styles are valid for left-to-right (LTR) and right-to-left (RTL) structured pages.contextmenu.css
The context menu styles that are used on LTR structured pages.contextmenuRTL.css
The context menu styles that are used on RTL structured pages.
Style class definitions
By default all menus are hidden. This class is used to control visibility. If set on the node the menu is made visible.wpthemeMenuLeft
Defines a context menu that is left oriented and opens to the right.wpthemeMenuRight
Defines a context menu that is right oriented and opens to the left.wpthemeMenuBorder
Defines the main div that displays the border and contains all menu items.wpthemeMenuNotchBorder
Defines the little shark fin that points to the button that opened the menu.wpthemeMenuDropDown
Inner element within the menu containing a list of menu items.wpthemeMenuitem
Describes a single menu item.wpthemeMenuDisabled
Describes a disabled menu item that is not clickable and usually grayed out.wpthemeMenuLoading
Describes the loading screen used while the back-end data is being loaded.wpthemeAnchorSubmenu
Used to register the submenu within the markup.wpthemeTemplateMenu
Defines the template for an individual menu item.wpthemeTemplateLoading
Defines the template for the loading screen.wpthemeTemplateSubmenu
Defines the template for the submenu.wpthemeMenuError
Used for display when an error happens.
The object named wptheme.contextmenu.css
is a JSON object used to describe a few constants that are used within the source code to apply CSS classes. The constants are by default set to:
Default menu styles
Parent topic: Menu framework