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 the individual menu items
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Centering the individual menu items
#51249
Centering the individual menu items 3 Years ago Karma: 0
Hello,

I'm a long time lurker to this forum but have never been able to find this answer. I'm trying to center each menu item (not the entire menu itself). For example, the menu item "Dental Plans" is not centered in it's own "box". My site is: AskJeff.US. I'd appreciate any help on this.

My current code I'm using is:


Code:


body .yui-skin-sam .yuimenubar
{
}


.yui-skin-sam .yuimenu DIV.bd
{
background: #e1e8d6  !important;
}


.yui-skin-sam .yuimenu DIV.bd .yuimenu DIV.bd
{
background: #e1e8d6 !important;
}



.yui-skin-sam A.yuimenubaritemlabel-selected,
.yui-skin-sam A.yuimenuitemlabel-selected
{
background-color: #e1e8d6 !important;
}


.yuimenubaritemlabel,
{
color: #5b8c07 !important;
}


body .yui-skin-sam .yuimenubar .yuimenuitemlabel
{
color: #5b8c07 !important;
}


body .yui-skin-sam .yuimenubar .yuimenubaritemlabel:hover,
body .yui-skin-sam .yuimenubar .yuimenuitemlabel:hover
{
color: #fd6900 !important;
cursor: pointer !important;
}


body .yui-skin-sam .yuimenubar .yui-menu-shadow
{
display: none !important;
}


.yui-skin-sam .yuimenubar
{
border-color: #5b8c07 !important;
border-width: 1px !important;
}


.yuimenubaritemlabel
{
border-color: #5b8c07 !important;
border-width: 1px !important;
background: #5b8c07 !important;
}


.yui-skin-sam .yuimenu DIV.bd
{
border-color: #5b8c07 !important;
border-width: 1px !important;
}


.yui-skin-sam .yuimenubar
{
text-align: center !important;
}

.yui-skin-sam .yuimenubar .bd
{
display: -moz-inline-stack !important;
display: inline-block !important;
zoom: 1 !important;
}

.yui-skin-sam .yuimenubar .yuimenu .bd
{
display: block !important;
}


body #{$id}.yui-skin-sam .yuimenubarnav .yuimenubaritem
{
border-right-style: none;
}


.yuimenubaritemlabel
{
margin-left: 7px !important;
margin-right: 7px !important;
margin-top: 7px !important;
margin-bottom: 7px !important;
}


#ariyui106 LI.yuimenubaritem-selected
{
background-image: none !important;


#{$id} .yuimenubar .bd UL LI.yuimenubaritem-selected
{
  background: #5b8c07 none;
}

body #header
{
 overflow: visible;
}

body #header #header-image
{
 overflow: hidden;
}



Thank you
The administrator has disabled public write access.
 
#51250
Re:Centering the individual menu items 3 Years ago Karma: 665
Hello,

Add the following CSS rule:

.yuimenubaritemlabel{padding-right: 10px !important;}

Regards,
ARI Soft
The administrator has disabled public write access.
 
#51251
Re:Centering the individual menu items 3 Years ago Karma: 0
That worked, thank you. One more, if I may.

I have changed the top, bottom, right, and left margins to zero. Is there a way to eliminate the left and right white spaces so that the entire menu is dark green? I have tried increasing the font size but it causes the menu to go to two levels.

Edit: I have noticed that the margins look good in Firefox but there is still a bottom margin in IE...?
Last Edit: 2014/09/11 07:53 By Jerard.
The administrator has disabled public write access.
 
#51252
Re:Centering the individual menu items 3 Years ago Karma: 665
You can use "Developers Tools" in IE to investigate the problem (press F12 to open developers toolbar).

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