Hi,

I need to change the look and feel of this (fantastic!) vertical menu quite dramatically, and some changes are straigth forward (such as removing backgrounds & borders), however some changes do not have any effect at all e.g. link color:

.ux-menu a{color: red;}
or

.ux-menu-vertical a{color: red;}
1.) Is this module picking up some default styling from somewhere else? What are the differences between menu.min.css and menu.css? should I always append a style item with the word -vertical (that doesn't seem to work either though)?

2.) and so how can I e.g. change fonts (color, size, weight)?

3.) .ux-menu a:hover{ color: grey; } styling strangely seems to work on submenu links but not on 1st level links..?

4.) I would quite like to bring this menu then to our zencart shoppingcart site - would you be able to advice here at all I wonder, which files to 'migrate' etc?

Thanks!!

annika

Hello,

Thanks for your choice of our product. Regarding your questions:

1. The module uses menu.min.css file, it's minified version of menu.css file. If you want to adjust menu styles, you can change menu.css file, rename it to menu.min.css file and replace original menu.min.css file with updated file. Use '.ux-menu-vertical' CSS selector only if you want to indicate specific CSS properties for vertical menu, in other cases, you can use '.ux-menu' CSS selector.

2. You can use the following CSS rules for changing menu items color:



Font weight and font size you can specify in module settings.

3. See CSS selectors for this case above.

4. What is Zend cart? It is Joomla! extension?

Regards,
ARI Soft

Thanks for your super quick response, fantastic, got it all working now!

With regards to my last point - Zencart is a shopping cart (php & css), not Joomla. I am trying to implement the same vertical drop down menu there. I was just wondering if you can advice, how to bring the functionality (i.e. php & javascript code) of this menu module to another non-Joomla site, could I just cut and paste the code from certain files (and which files would those be)?

Many thanks!

annika

Unfortunately we have no experience of working with Zend Сart, but if you want to implement 'Ext Menu' in other product, you need to do the following:

1. Include ext-core.js and menu.min.js javascript files. You can find it in the following folder <joomla_dir>/modules/mod_ariextmenu/mod_ariextmenu/js/ .

2. Include menu.min.css and menu.ie.min.css files. You can find it in the following folder <joomla_dir>/modules/mod_ariextmenu/mod_ariextmenu/js/css/ .

3. Create HTML markup for menu items, how it looks you can see in menu.html.php file which is located in the following folder: <joomla_dir>/modules/mod_ariextmenu/mod_ariextmenu/templates/.

4. Call javascript code for init menu. It looks like:



Regards,
ARI Soft

I need to use the template css to this menu.
Is it possible, if yes how?

The menu module template has an image background .
website is www.raunharman.in/bachpan

Hello,

You can try to add the following CSS rules to 'CSS Styles' module parameter or to template CSS file:



Regards,
ARI Soft