I'm pulling my hair out here! I've set-up a [SOLPARTMENU] and configured it to use images, etc, no problem, but the submenu hover border won't work properly!! Here is my code:

/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
 font-family: tahoma;
 color: #00205A;
 font-size: 11px;
 background: #FFFFFF;
 font-weight: bold;
 font-style: normal;
 border: #FFFFFF 1px solid;
 padding: 0px 12px 1px 3px;
 font-weight: bold;
 height: 17px;
}

/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
 font-family: tahoma;
 font-size: 11px;
 font-weight: bold;
 cursor: pointer;
 cursor: hand;
 color: #00205A;
 background: #FFFFFF;
 border: #CC0000 1px solid;
 padding: 0px 12px 1px 3px;
 font-weight: bold;
 height: 17px;
}

As you can see, when it's not being hovered over by the mouse the border is #FFFFFF (making it invisible, as the background is also white) and when it is hovered over, the same code is used to change it red (#CC0000). Simple. Only when I view it and hover over a submenu, only the left and right borders turn red, not the top and bottom! So I don't get a box like I am trying to achieve! Can anyone help with this?!

Lee

Thanks Jon

I've tried this and nothing happened. I tried the following in my skin.xml:

<Setting>
    <Name>selectedbordercolor</Name>
    <Value>#CC0000</Value>
   </Setting>

and this (MainMenu_MenuItemSel being the class in the stylesheet):

<Setting>
    <Name>selectedbordercolor</Name>
    <Value>MainMenu_MenuItemSel</Value>
   </Setting>

I've played with the colours making them bright green so I could make sure they work, and they change fine, so I don't know why it's not working.

Lee

Hi Jon

Here is the URL I'm working on - http://www.tonicboxdotnet.com/portal/

The skin.xml has this code:

<Setting>
    <Name>selectedbordercolor</Name>
    <Value>#CC0000</Value>
   </Setting>

Thanks

Lee