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


Recent Events
  • 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.

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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 9 Years, 6 Months 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 9 Years, 6 Months ago Karma: 746
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 9 Years, 6 Months 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 13:53 By Jerard.
The administrator has disabled public write access.
 
#51252
Re:Centering the individual menu items 9 Years, 6 Months ago Karma: 746
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