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?

Top Menu Background Help
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: Top Menu Background Help
#23056
Re:Top Menu Background Help 12 Years, 3 Months ago Karma: 0
I love you!

Now I'm off to relocate the post you made about font color... I'll turn this white and be done!

~SLSorrels
The administrator has disabled public write access.
 
#23101
Re:Top Menu Background Help 12 Years, 3 Months ago Karma: 0
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
The administrator has disabled public write access.
 
#23107
Re:Top Menu Background Help 12 Years, 3 Months ago Karma: 746
Provide an image please where we can see what do you want to achieve.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#23138
Re:Top Menu Background Help 12 Years, 3 Months ago Karma: 0
I've attached a snapshot of the menu with some arrows/text on it.

Thank you SO much for the help. I love you guys.

~SLSorrels
Last Edit: 2011/12/25 17:55 By slsorrels.
The administrator has disabled public write access.
 
#23147
Re:Top Menu Background Help 12 Years, 3 Months ago Karma: 746
It is possible to center the menu, for this use the next CSS rules:

Code:


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

#ariyui73_menu
{
 display: inline-block !important;
 zoom: 1;
 *display: inline;
}



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