Support for CSS Flyout Menu

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

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.

Quote:

---

Originally Posted by 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

---

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

Code:

---

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

---

Hope this helps.

Quote:

---

Originally Posted by Get Em Fast

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

Code:

---

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

---

Hope this helps.

---

Sort of....it turned the text black

Quote:

---

Originally Posted by 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.

---

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

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

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

is it possible to hover level2 when level3 is hovered?

I mean to hover Dame on this image
http://www.image-share.com/upload/1318/108.jpg

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

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

Code:

---

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

---

and add a rule above it to get this

Code:

---

#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.