Support for CSS Flyout Menu

[Serious]

ZC 1.39

I downloaded and installed on my local site yesterday and was happy with the results...really awesome add-on!

I was able to muddle through color and arrow changes fairly easily as well.

So now in the cold light of day I'd like to make a change that i can't seem to figure out. I currently have the categories background set to transparent but would like to add a background color for the cats when cursor passes over them (Hover).

I played around on my local site and can't seem to figure it out.

I do have it installed on my live site now as well.
seriousoffroadproducts.com

[gjh42]

In stylesheet_categories_menu.css, add the line in red to get

#nav-cat li a:hover {
color: #FFFFFF;
background-color: #ff3344;
}

Adjust to taste.

[Get Em Fast]

ZC 1.39

I downloaded and installed on my local site yesterday and was happy with the results...really awesome add-on!

I was able to muddle through color and arrow changes fairly easily as well.

So now in the cold light of day I'd like to make a change that i can't seem to figure out. I currently have the categories background set to transparent but would like to add a background color for the cats when cursor passes over them (Hover).

I played around on my local site and can't seem to figure it out.

I do have it installed on my live site now as well.
seriousoffroadproducts.com

Find and edit the color in the block of code below..............

#nav-cat li a:hover {
   color: #FFFFFF;
}

Hope this helps.

[Serious]

Find and edit the color in the block of code below..............

#nav-cat li a:hover {
   color: #FFFFFF;
}

Hope this helps.

Sort of....it turned the text black

In stylesheet_categories_menu.css, add the line in red to get

#nav-cat li a:hover {
color: #FFFFFF;
background-color: #ff3344;
}

Adjust to taste.

That did it.
Take a look and tell me what you think

[gjh42]

Yep, looks good. I somehow didn't think you'd keep the flaming red:)

[Serious]

I tried it on my local site first.....good thing!;)

[Loter]

is it possible to hover level2 when level3 is hovered?

[Loter]

I mean to hover Dame on this image

[windsurfer]

I have this installed in V1.5 and works great, i was just wondering though if it is possible to change some settings so the flyout occurs a little smoother ?
Thank you

[gjh42]

windsurfer - Get Em Fast would have to advise on that, as it would probably involve the jQuery effects.

Loter - To get hover effects on the higher items in the tree, find in your stylesheet_categories_menu.css the rule like this

#nav-cat li a:hover {
   color: #FFFFFF;
   background-color: #000000;
}

and add a rule above it to get this

#nav-cat li:hover>a {
   color: #FFFFFF;
   background-color: #a00000;
}

#nav-cat li a:hover {
   color: #FFFFFF;
   background-color: #000000;
}

Adjust properties to fit your situation.