DotNetNuke DNN Hosting

Main menu – Solpart menu styling classes

.MainMenu_MenuIcon

Styles the icons on the left hand side of the menu. Here you can assign a background color and borders, but note the first three items in the picture below. When the mouse moves over the menu items, the borders disappear, except for the right border. We have added a border-right in this example, but this effect can also be created by adding a border-left in the .MainMenu_MenuItem class. The height value can be used to space out each of the menu items.

Note: For valid CSS code to W3C standards, you need to remove:
cursor: hand;  (Read further info here) and also specify a measurement unit for the width and height, ie. px.

.MainMenu_MenuIcon
{
    cursor: pointer;
    background-color: yellow;
    border-left: red 10px solid;
    border-bottom: purple 10px solid;
    border-top: orange 10px solid;
    border-right: green 10px solid;
    text-align: center;
    width: 20px;
    height: 30px;
}
Solpart Menu Icon

the original default.css file code:

.MainMenu_MenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #EEEEEE;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    border-top: #EEEEEE 1px solid;
    text-align: center;
    width: 15;
    height: 21;
}



If you wish to remove the icon from the menu display you can use:

.MainMenu_MenuIcon
{
    display: none;
}