Hello guys!

First of all I wanna thank you for your great module!

Now let me get to the point.

I am trying to set a different color on each of my menu items and their corresponding submenus. I have seen various threads on your forum, that suggest some like this UL#ariext109 LI UL.ux-menu-sub LI.ux-menu-item119>A {color: red;} but I for some reason I can't get it to work.

The only way I have managed to change the color of the submenu was with:
.ux-menu-container .ux-menu .ux-menu-sub a{
background: #73bd12 !important;
}

but in this case the hover effect doesn't work any more.

You can visit the website on www.academicservicing.com/

For example I want to change the color of About Us and its submenus to green and the hovering on those to yellow. How would I be able to achieve something like this?

Thanks in advance!

Hello,

Use the following CSS rules:

LI.ux-menu-item198 A {background-color: green !important;}
LI.ux-menu-item198 A:hover {background-color: yellow !important;}

Regards,
ARI Soft

OK I get how it works now! Thanks a lot again!

Have a nice day!