Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Submenu CSS
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Submenu CSS
#31653
Submenu CSS 5 Years, 1 Month ago Karma: 0
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,
The administrator has disabled public write access.
 
#31654
Re:Submenu CSS 5 Years, 1 Month ago Karma: 667
Hello,

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

Regards,
ARI Soft
The administrator has disabled public write access.
 
#31665
Re:Submenu CSS 5 Years, 1 Month ago Karma: 0
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,
The administrator has disabled public write access.
 
#31673
Re:Submenu CSS 5 Years, 1 Month ago Karma: 667
Provide image(s) where we can see what do you want to achieve.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#31792
Re:Submenu CSS 5 Years, 1 Month ago Karma: 0
The attached image explains it I think.

Thanks,
File Attachment:
File Name: example-ae504caa0518be0c8c2d9fdf1f6a515e.zip
File Size: 505182
Last Edit: 2012/09/11 08:02 By vicmorgie.
The administrator has disabled public write access.
 
#31794
Re:Submenu CSS 5 Years, 1 Month ago Karma: 667
1. Add the following CSS rules to remove shadow:

Code:


#ariyui110 .yui-menu-shadow
{
 display: none !important;
}

body #ariyui110.yui-skin-sam UL LI A.yuimenuitemlabel
{
 width: 180px;
}



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

Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12