DotNetNuke DNN Hosting

Module Settings Menu

.ModuleTitle_MenuIcon

Styles the icons on the left hand side of the menu. Here you can assign a background color and borders, but note the second 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 .ModuleTitle_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.

.ModuleTitle_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;
}

Module Title Menu Icon

Module Title Menu Icon Borders Missing

the original default.css file code:

.ModuleTitle_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;
}