DotNetNuke DNN Hosting

Solpart Menu Additional Classes

.MainMenu_RootMenuItemBreadcrumb

Styles the root menu item related to the breadcrumb list. In the image below, you can see in the breadcrumbs we are viewing page three and the root menu item of page three is the Home page. Here you can see we have applied a background color of green and a height of 50px to emphasise the styling for this example, so you could also use this to specify a background image for the root menu item.

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


.MainMenu_RootMenuItemBreadcrumb
{  
    border: solid 10px purple;
    background-color: green;
    height: 50px;
}

Solpart Menu Root Menu Item Breadcrumb
 

.MainMenu_SubMenuItemBreadcrumb

Styles the sub-menu item related to the breadcrumb list. In the image below, you can see in the breadcrumbs we are viewing page three and the sub-menu item of page three is page 2. Here you can see we have applied a background color of red and a height of 50px to emphasise the styling for this example.

Note: The border displays for this item, but once you hover over the item the top and bottom borders disappear leaving just the left and right borders.

.MainMenu_SubMenuItemBreadcrumb
{  
    border: solid 10px purple;
    background-color: red;
    height: 50px;
}

Solpart Menu Sub Menu Item Breadcrumb