DotNetNuke DNN Hosting

Solpart Menu Additional Classes

.MainMenu_RootMenuItem

Styles the root menu items. Here you can see we have applied a background color of orange, so you could also use this to specify a background image for each menu item.

Note: You will notice however that the borders specified below do not display in the menu.

.MainMenu_RootMenuItem
{
    border: solid 10px purple;
    background-color: Orange;
}

Solpart Menu Root Menu Item


.MainMenu_RootMenuItemActive

Styles the root menu item for the currently selected page. In the image above you can see that the Home page is currently displayed. Here you can see we have applied a background color of yellow and a height of 50px to emphasise the styling for this example, so you could also use this to specify a background image for each menu item.

Note: You will notice however that the borders specified below do not display in the menu.


.MainMenu_RootMenuItemActive
{
    border: solid 10px purple;
    background-color: Yellow;
    height: 50px;
}