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?

Menu Item Change Color On Hover
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Menu Item Change Color On Hover
#6167
Menu Item Change Color On Hover 13 Years, 8 Months ago Karma: 0
Hello. This is a great mod. I spent 2 days pulling my hair out trying to tweak the extended menu bar and scoured the internet looking for answers. Thankfully I found the yui menu!

I was wondering if there is a way to change a menu items background color when you hover over it. I know there is a way to change the text color on hover but I can't seem to find a way to actually make the background color anything but the standard blue that comes set up with the mod.

Thanks!
The administrator has disabled public write access.
 
#6178
Re:Menu Item Change Color On Hover 13 Years, 8 Months ago Karma: 747
Hello,

Try to add the following CSS rule to 'CSS Styles' parameter in module settings:

Code:


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



If this doesn't help, provide link to page, please, where we can see the menu on your site.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#6193
Re:Menu Item Change Color On Hover 13 Years, 8 Months ago Karma: 0
It worked like a charm! Thank you SO much! Just two more quick questions if you don't mind:

1. I left Remain active menu item checked so that visitors know what page they are on. How do I change the color of that button from the sky blue to another color?

2. How do I get rid of that extra padding on the right side of my menu bar? Currently I have this override in:

#ariyuimenu #{$id} .yuimenubarnav .yuimenubaritem
{
border-right-style: none;
}

#ariyuimenu #{$id}.yui-skin-sam ul li a.yuimenubaritemlabel
{
text-align: center;
padding: 0 14px;
width: auto;
}
The administrator has disabled public write access.
 
#6555
Re:Menu Item Change Color On Hover 13 Years, 8 Months ago Karma: 747
Information about menu styles can be found in this post.

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