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?

Smaller left margin on vertical menu
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Smaller left margin on vertical menu
#21694
Smaller left margin on vertical menu 13 Years ago Karma: 0
I thought I'd find this posted somewhere, but I can't. How do I make the left margin smaller on the vertical menu so I can use longer menu item names? In other words, I want the vertical menu items to move left about 10 or 20 pixels.

Must I make this css change in EVERY ari yui menu I have on the site? Isn't there a way to change the css in one place?

Thanks.
The administrator has disabled public write access.
 
#21695
Re:Smaller left margin on vertical menu 13 Years ago Karma: 760
Hello,

Could you provide a screenshot where we can see what do you want to achieve and a link to a page where we can see a menu on your site?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#21696
Re:Smaller left margin on vertical menu 13 Years ago Karma: 0
Yes. For example, www.sdst.org/index.php?option=com_content&view=article&id=487&Itemid=216

The Ari Yui menu is the vertical Curriculum menu on the left. If you scroll down, you see Graduation Requirements touches the border on the right side of the menu. I want to have less space between the text and the border on the left.
The administrator has disabled public write access.
 
#21697
Re:Smaller left margin on vertical menu 13 Years ago Karma: 760
Add the next CSS rule:

Code:


body .yui-skin-sam .yuimenuitemlabel 
{
 padding-left: 10px
}



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