Hi, can anyone help me please, I love this extension and have used it several times, I am looking at using it for a new menu which I need to customise as follows:

Main menu item needs a white background with different coloured lines (like the menu on this site) but each menu item needs a different colour

Each sub menu needs a different colour

eg, Home would be red
News would have a blue line then the sub menu for news would have a solid blue background
Contact us have a green line then the sub menu for news would have a solid green background

Is there a way I can do this?

this is a demo of what I'm trying to achieve

Hello,

The next CSS rule can be used to set specific background color for specific menu item:



Where [ITEM_ID] is menu item ID. For example if menu item ID is 27, use the next CSS rule:



If necessary to set background for all sub-menus for specific parent menu item, use the next CSS rule:



Where [PARENT_ITEM_ID] is parent menu item ID.

PS: This post contains information about menu HTML layout and CSS classes. It can be useful to customize the menu.

Regards,
ARI Soft

Thank you very much for your help

This works perfectly, thank you!
Would you also be able to help with the code to have a different coloured text on each of the sub-menus too please? and rather than adding a bored-bottom would it be possible to just underline the text of the main menu item

Sorry, I've been trying all day to make the changes in my last message without success, and also referred to the previous thread you suggested, any help you can provide would be much appreciated!

Use the next CSS rule to specify color for sub-menus:



Where [PARENT_ITEM_ID] is parent menu item ID.

And the next CSS rule to add bottom border:



Where [ITEM_ID] is menu item ID.

Regards,
ARI Soft