Change colors for submenus 1, 2 and 3


Author Message
rkbogaard

Posted: 8/7/2012
Quote message 

I'm trying to give submenu item x color blue, submenu item y color red etc. <br/>
I'm using artisteer 3.1 and added the folowing code:<br/>
ul.art-vmenu>li.menu.item.142>a:before, ul.art-vmenu>li.menu.item.142>a:after
{
background-image: url('../images/vmenuitem2.png');
}
<br/><br/>The folowing code was already present after exporting the template from artisteer:
<br/>ul.art-vmenu>li>a:before, ul.art-vmenu>li>a:after
{
position: absolute;
display: block;
content: ' ';
z-index:-1;
background-image: url('../images/vmenuitem.png');
top:0;
height:23px;
}
<br/>
<br/>Unfortunately adding the line doesn't change the background image for this menu item.

<br/><br/>Anyone with a solution?
 
Chae

Posted: 10/15/2012
Quote message 

I have a similar question...I have a horizontal menu, with a sub menu which is fine, but I'd like the sub-sub menu to have a different background colour - so that's the 3rd level with a different background, passive & hover state.

I'd be grateful if anyone can shed some light on this one :)