I install two Vertical Menus, one below the next.

But, the second Menu don't apply the CSS Style applied to the fist Menu:

.yui-skin-sam .yuimenu UL LI {list-style: none;}
.yuimenu ul li {background-image: none;}
#ariyui30.yui-skin-sam .yuimenu .bd {background-color:#BBC790; border:1px solid #61CBD9;}

Both Menus CSS Style are identical, but the Background color and Border Color don't function for the second Menu. It appear in WHITE background color instead of blue (#BBC790).

Please help me.

Hello,

Each menu instance has unique id because the following CSS rule will be applied only to one instance of the module:



Add the following code into menu CSS file:



or the following code in "CSS Styles" parameter in module settings:



Regards,
ARI Soft

Thank you so much! It worked. I did forget what the $id signify ("the Joomla ID of the MODULE"). Thanks!

admin wrote:
Hello,

Each menu instance has unique id because the following CSS rule will be applied only to one instance of the module:

Code:

#ariyui30.yui-skin-sam .yuimenu .bd {background-color:#BBC790; border:1px solid #61CBD9;}

Add the following code into menu CSS file:

Code:

{$id}.yui-skin-sam .yuimenu .bd {background-color:#BBC790; border:1px solid #61CBD9;}

or the following code in "CSS Styles" parameter in module settings:

Code:

#{$id}.yui-skin-sam .yuimenu .bd {background-color:#BBC790; border:1px solid #61CBD9;}

Regards,
ARI Soft

Hi there
I am having a bit of an issue with adding multiple menus on the same page, and have found nothing to say this great module does not support multiple menus as each one is uniquely identified by "Module Class Suffix: if I am not misttaken.
Update* Sorry, I see the Joomla Module ID is the unique identifier, not the Module Class Suffix, if I am correct in what I see.
However I am getting different results on the 3 menus I have on the home page (see attached jpg)
The one in the centre is displaying the way I want it (separator,article, separator, article, etc)
The other 2 are set up exactly the same way, but expand to the right, without showing the article in the main menu block.
Menus and modules for all 3 are set up exactly the same way!
I have seen posts on the dots on the menu items, and will look into that myself, just want to know which css file I am supposed to edit?
Thanks
Len

Hello,

Provide link to page where we can see the problem because it can be a problem with site template styles.

Regards,
ARI Soft

Hi there,
Unfortunately, I am using localhost to get everything working before I go live with it.
I have downloaded the EXT Menu, and am now using that without issue, so I may as well stay with it. however, I prefer the look of the YUI Menu
I am still getting the square dots ahead of each menu item, tho, so will search the forum for help on that!