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


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.


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?

Multiple menus + space between menus
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Multiple menus + space between menus
#23003
Multiple menus + space between menus 12 Years, 11 Months ago Karma: 0
Hello,

right now I'm trying to convert our homepage to Joomla 1.7. We never used Joomla and we did everything by hand. So it is a little tough at the moment.

I created 3 menus (the drop down menus) with the ARI Ext Menu modul. But there are several problems:

1. I adjusted the width of the menus on the left side to 160px by using (added to CSS Styles):
Code:

.ux-menu LI
{
 width: 160px !important;
}


What I don't understand is why this width is now used for all 3 menus. Even if it's only added to one of them. There must be a setting-"link" between all 3 menus (they all have different IDs).
I would prefer to have a width of 160px on the left side. The menu on top should work with auto width.

2. There should be a space between the menus on the left side. I tried it with s.th. like:
Code:

margin-bottom: 20px;

Didn't work...

Maybe you can help me a bit.

Thanking you in anticipation!
Last Edit: 2011/12/22 10:56 By OhneNamen.
The administrator has disabled public write access.
 
#23004
Re:Multiple menus + space between menus 12 Years, 11 Months ago Karma: 760
Hello,

1. ".ux-menu LI" is a global CSS selector for all "ARI Ext Menu". If you want to use specific CSS rule, place the next code in "CSS Styles" parameter in module settings:

Code:


#{$id}_container .ux-menu LI
{
 width: 160px !important;
}



2. Use the following CSS rule:

Code:


#left_column_container .ux-menu-container
{
 margin-bottom: 20px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#23025
Re:Multiple menus + space between menus 12 Years, 11 Months ago Karma: 0
Thanks a lot! Great support!
The administrator has disabled public write access.
 
Go to topPage: 1