I return, hoping for a tad more help. I've copy/pasted just about every bit of CSS in the forum I can find on the subject, and have only managed to partially solve my "new problem."
I'd like to remove all the borders and separators - have the menu items automatically spread out to fill the space (if I need to hand add/subtract pixels I can do that).
My site is:
azphysix.com
I've added the following CSS so far as a result of your help and me blindly adding bits I've found:
----------------------------------------------------------------------------------------------------------
body #ariyui73.yui-skin-sam .yuimenubar
{
background-image: none;
border-style: none;
}
body #ariyui73.yui-skin-sam .yuimenubarnav .yuimenubaritem A
{
line-height: 42px !important;
}
.yuimenubaritemlabel
{
color: #FFFFFF !important;
}
.yuimenubaritemlabel-selected
{
color: white !important;
}
.yuimenubaritem-selected,
.yuimenuitem-selected
{
background-image: none !important;
background-color: #ccc !important;
}
body #ariyui67.yui-skin-sam ul li a.yuimenuitemlabel
{
color: #ffffff;
}
#ariyui91 A.yuimenuitemlabel
{
color: #FFF !important;
}
----------------------------------------------------------------------------------------------------------------------
What do I need to add/change to remove the rest of the border(s) and spread the menu items out?
Thanks so much,
~SLSorrels
