DotNetNuke DNN Hosting

Main menu – Solpart menu styling classes

.MainMenu_MenuItem

Styling for the main menu items. Here you can set the overall font styling.

Solpart Menu Item
The borders can be styled, but when you hover over a menu item with the mouse, the top and bottom borders disappear. (You can view this in the second image). The background color affects all menu items (root and sub-menus), but note that this does not change the background color behind the icons.

Also notice that when you hover over a menu item, this uses the background color from the .MainMenu_MenuItemSel class.

cursor: hand;

Can be removed from the default.css file as this is invalid CSS code to the W3C standards. Read further info here.


This class sets the mouse cursor for all sub menu items, view MainMenu class and the cursor for further details.

 


.MainMenu_MenuItem
{
    cursor: pointer;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    border-left: red 10px solid;
    border-bottom: orange 10px solid;
    border-top: purple 10px solid;
    border-right: blue 10px solid;
    background-color: yellow;
}

Solpart Menu Item Borders Disappeared