|
||
The appearance of the CMSListMenu control is determined by the CSS classes it uses and by some of its properties.
The following properties can be used to specify used CSS classes:
Property Name |
Description |
FirstItemCssClass |
Specifies the CSS class for the first item on every menu level. |
HoverCSSClassName |
Name of the surrounding CSS class that is used to define styles for the hover effect if you want to render a drop‑down menu. |
LastItemCssClass |
Specifies CSS class for the last item on every menu level. |
You can also modify the design using the following CSS classes if the RenderCssClasses property is set to true:
Class Name |
Description |
CMSListMenuUL |
UL element style |
CMSListMenuLI |
LI element style |
CMSListMenuLink |
A element style |
CMSListMenuHighlightedLI |
LI element style of a highlighted item |
The recommended place to define these classes is in a stylesheet in the Kentico CMS administration interface at Site Manager -> Development -> CSS stylesheets. These stylesheets can be applied to individual documents (pages) that contain the control in CMS Desk -> Content -> Edit -> Properties -> General -> CSS stylesheet.
Please refer to Using the CSSPrefix property to learn how to add prefixes to these classes to customize items at any menu level.
The name of the CSS class used to render a drop‑down menu must be identical to the value entered into the HoverCSSClassName property. Please be aware that this is case sensitive.
For examples of CSS styles that render a drop‑down menu, please see the following topics:
•Creating a horizontal drop‑down menu using CSS styles
•Creating a vertical drop‑down menu using CSS styles