I am confused. I am trying to change the css (width, color, bg image, hover image) for the ARI YUI menu at the bottom of this page - 216.119.72.72/index.php/performance.

I have tried to add rules to the CSS window in the module but am having no luck. I have read the YUI docs that you point to but am still stumped. Do these edits need to take place in the CSS files (safe_menu.css or safe_menu_rtl.css) or can they happen inside the module panel?

Thanks,

Hello,

Custom CSS rules can be placed in "CSS Styles" parameter in module settings. What CSS rules do you use?

Regards,
ARI Soft

I have now managed to get the rules to work but I can't seem to get ride of the default shadow. I am also trying to set a unique bg image for the top menu item. That wouldbe item-140 under the first menu item option (Performance/Numbers).

I would like that item to use the br and hover images;

aircraft_menu_bottom_top_bg.png
aircraft_menu_over_bottom_top_bg.png

How would I do that?

Thanks,

Provide image(s) where we can see what do you want to achieve.

Regards,
ARI Soft

The attached image explains it I think.

Thanks,

1. Add the following CSS rules to remove shadow:



2. You can use FireBug addon for FireFox extension to investigate menu styles and HTML layout and add rounded corners.

Regards,
ARI Soft