Hello,

I have read through several dozen posts in this forum about applying custom CSS to ext menu, but none of the solutions posted have helped me out.

I have copied css code from posts and pasted it to the "CSS Styles" box in the module configuration page. ex:

#nav .ux-menu LI A.ux-menu-link-level-0 {
background: transparent none;
border-style: none;
}


#nav .ux-menu-sub LI A {
border-style: none !important;
}

I have also tried adding a "_extmenu" css suffix in the module configuration page and added the custom classes to my template css with no luck.

None of my attempts to modify the look of ext menu have worked. I cant´seem to apply any css styles to change the look of the menu.

There shouldn´t be any template conflicts due to the fact that I´m using a custom template which y coded from scratch and it doesn´t load any intricate scripts and it doesn´t even have a params.ini.

I have an instance of Ari image slider in the same page.

I´m working on joomla 2.5 in a local windows 7 machine running xampp. I can upload it.

Any suggestions or solutions will be appreciated.

Thanx

Hello,

The custom CSS rules from your post will work only if a container in site template has ID equals to "nav".

What CSS properties and for what elements do you want to change?

Regards,
ARI Soft

That did it!!

Thanx!!

It didn´t occur to me to change the DIV id of my template or replace the css property id with my own. I thought those were used by the menu itself.

I´ll use the css structure you have posted in other several posts to continue customizing :

www.ari-soft.com/ARI-Ext-Menu/10547-Is-there-any-documentation.html#10557

Thanx again!