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
