Hi, and first I want to thank you for your great module!

I would like to have a list-style-image for my submenus (so not for the parent menu item).

I tried to add the following rules in Sub-menu items styles -> CSS styles:

.werknemer ul.ux-menu ul.ux-menu-sub a
{
top: -15px;
left: -2px;
width: 384px;
padding-top:0px;
list-style-image:url('images/bullet_oranje.gif');
}

The rules for top, left, width and padding are working correctly, but there is no image. Do I have to create another rule? In which directory do I have to place the image file?

Thank you!

Hello,

Could you provide a link to a page where we can see a menu?

Regards,
ARI Soft

I've put a copy of the website on www.demo-mwebs.com/sandbox

The menus are in the orange part, named "werknemer" and "werkgever"

Add the next CSS rule:



Regards,
ARI Soft

Thanks a lot, that works

But when I click on a link in this menu (for example on Werknemers -> Werkwijze), on the following page the background image is not shown. It is actually only working on the homepage, not on second level pages.
And one more minor detail, how do I get a margin of lets say 8px in front of the background image?

Sorry for asking, but sometimes CSS is really driving me mad ...

This problem with Joomla! SEF, use the next CSS property:

background-image: url(/sandbox/modules/mod_ariextmenu/mod_ariextmenu/js/css/images/bullet_oranje.gif) !important;

instead of:

background-image: url(modules/mod_ariextmenu/mod_ariextmenu/js/css/images/bullet_oranje.gif) !important;

Regards,
ARI Soft