DotNetNuke DNN Hosting

Module Settings Menu

.ModuleTitle_MenuArrow

Styles the area around the menu arrow. You can see the arrow at the bottom of the menu list. You can see from styling the borders and setting a width the area that the class effects. If you move over each menu item however it will remove all of the borders and just display the background colour, as you can see in the second image below.

Changing the font type and size has no effect.

Note: For valid CSS code to W3C standards, you need to remove:
cursor: hand; (Read further info here.)

Module Title Menu Arrow
.ModuleTitle_MenuArrow
{
    font-family: verdana;
    font-size: 30px;
    cursor: pointer;
    cursor: hand;
    border-right: red 10px solid;
    border-bottom: purple 10px solid;
    border-top: blue 10px solid;
    background-color: yellow;
    width: 50px;
}


Module Title Menu Arrow borders disappeared

The default.css code:

.ModuleTitle_MenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-top: #FFFFFF 0px solid;
}

From the default.css code, all of the settings can actually be removed without affecting the DNN-blue skin, so it appears as though you can completely remove this class.


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

.ModuleTitle_MenuArrow
{
    display: none;
}