I want to add unque backgrounds to the main menu items. Is there a way to select the background property for each ul id or class? I have the menu close to achieving this, I just hope I didn't waste my time. You can see the results here. http:http://realetemp1.socialflyway.com
Thanks in advance

Hello,

Each <LI> element of the menu has unique CSS class which looks like:

ux-menu-item<ITEM_ID>

where <ITEM_ID> is menu id. The following CSS rule can be used that define unique background for menu item:

.ux-menu-container .ux-menu LI.ux-menu-item<ITEM_ID> > A
{
background-image: <path_to_bg_image>;
}

Just replace <ITEM_ID> with necessary menu id.

Regards,
ARI Soft

Thanks! Worked like a charm! Have another question though, "When I adjust the padding the borders don't shift with the buttons, I there a way to fix this?," or do I need to add extra space in my images?

What about this?

MainMenuItem->
----->SubMenuItem-1 (uniq background-1)-> SubSubMenuItem-1.1 (uniq background-1.1)
----------------------------------------> SubSubMenuItem-1.2 (uniq background-1.2)
----------------------------------------> SubSubMenuItem-1.3 (uniq background-1.3)
----->SubMenuItem-2 (uniq background-2)-> SubSubMenuItem-2.1 (uniq background-2.1)
----------------------------------------> SubSubMenuItem-2.2 (uniq background-2.2)
----------------------------------------> SubSubMenuItem-2.3 (uniq background-2.3)

Each menu item here has its own background. Is it posible?
Spent about an hour trying to do it.

Hello,

You can use the following CSS rule:



Where [MENU_ITEM_ID] is ID of menu item. For example if you want to change background of menu item with ID = 19, use the following CSS rule:



Regards,
ARI Soft