I am using 2 instances of this menu at the same time. My second menu is taking on the same CSS styles as the first. How do I keep them separate. I have added Module Class Suffix but get the same thing. Any help will be most appreciated.

Hello,

What styles you mean? Have you created specific styles for the first instance? If yes, could you provide it and say where you placed it?

Regards,
ARI Soft

Thanks.

I have 2 menus. One horizontal. (Already styled 80%). Built the second and expected it to not take on the attributes of the first. Does this explain? Do you want to see my CSS for menu 1?

What about Module Class Suffix?

Joomla! modules can provide ability to specify module class suffix, but it's used by site template, not by module. If your site template doesn't use module class suffix when shows modules, this parameter will not make sense. You can place specific styles in "CSS Styles" parameter in module settings and use {$id} predefined variable which contains value of "id" attribute of module container.

Regards,
ARI Soft

Sorry but I am not following you that well. I understand that module class suffix can add more control to your css for particular modules. I guess my question is is whether module class suffix is the aswer to separating the 2 styles. Or is there another method to us a separate css file.

You spoke of the {$id} variable in the parameters.Does placing css here overrule the existing css?

Thanks so much for your help

You can enter module class suffix in module parameters but if your site template doesn't support it, this will not take effect. Using of predefined variable helps to create specific styles for current menu instance. For example if you want to add change menu items background, you can place the following code into "CSS Styles" parameter:



Regards,
ARI Soft