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?

Centering menu items with equal padding
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Centering menu items with equal padding
#5283
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 0
Okay -- it's back at: tinyurl.com/32dr7v9
The administrator has disabled public write access.
 
#5284
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 667
Thanks. Regarding your questions, add the following CSS rules to 'CSS Styles' parameter in module settings:

1.

Code:


#top_menu #{$id} .yuimenubarnav .yuimenubaritem 
{
 border-right-style: none;
}



2.

Code:


body #top_menu #{$id}.yui-skin-sam .yuimenubar ul li 
{
  padding:1px 0;
}



3.

Code:


#top_menu #{id}
{
  display: -moz-inline-stack;
  display:inline-block;
  width:auto !important;
  zoom: 1;
  *display: inline;
}



4.

Code:


#top_menu #{$id}.yui-skin-sam .yuimenubar ul li a.yuimenubaritemlabel,
#top_menu #{$id}.yui-skin-sam .yuimenubar ul li a.yuimenuitemlabel
{
  cursor: pointer;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#5285
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 0
Thanks. 1, 2, and 4 worked -- 3 did not.

Plus, I need to know how to implement the primary request I had to start out -- I am trying to get a simple horizontal menu where the text label for each button is centered, and the space in between each is even.

Thanks!
The administrator has disabled public write access.
 
#5303
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 667
Sorry, but it's hard to help because we don't see the menu on your site again. We need to see it that we know what template CSS styles are applied to the menu.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#5305
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 0
Posted again. tinyurl.com/32dr7v9

(Sorry about that -- I can't keep something that doesn't look right live if it's not being worked on.)
The administrator has disabled public write access.
 
#5306
Re:Centering menu items with equal padding 7 Years, 3 Months ago Karma: 667
Add the following CSS rules, please:

Code:


#top_menu #{$id}
{
  text-align: center;
}

#top_menu #ariyuimenu_{$id}
{
  display: -moz-inline-stack !important;
  zoom: 1;
  *display: inline !important;
  display:inline-block !important;
  width:auto !important;
}

#top_menu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel
{
  padding: 0 15px;
  width: auto;
}



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