How to change hover color in ItemsList text?
 

Is it possible to change the hover color in the ItemsList text shown in the dialog box (which is a subcategory link)?

For example, in the skin1.css, I can change the text decoration when in the hover state...but NOT the color. What I want to do is have the mouse hover change the color of the text, so the customer knows it's being highlighted in some way. I don't want to have the silly underline as the indicator, but is seems like it's the only way.

Example, displayed in vertmenu:

Root Cat1
Root Cat2
Root Cat3
Root Cat4

Customer clicks on Root Cat1 and it has a flyout subcategory menu (using FancyCat). The customer then clicks the first subcategory shown (SubCat1). The dialog box now shows the customer the next lowre level of subcategories:

(SubCat1)
-SubCat1A, SubCat1B, SubCat1C

So, I want these subcategory links to have a hover property that changes the color of the text on mouseover. The underline is silly, and I don't like it. I tried writing some code to do it in the skin1.css, but it didn't work. These aren't product links, but subcategory links defined as ItemsList in the dialog box.

Any ideas?

Using v4.0.1 with FancyCat, X-Affiliate, X-AOM, X-Config, X-Gift.

No response? Come on guys, surely somebody else has wondered about this?

Maybe the answer is to dump the CSS and go with a partial HTML catalog.

i dont know but im having a hard time with the CSS for links too. when i change the classes that i think should change the font color its not changing as i would expect :/

the links are just all black and underline when hovered which is making me think ive got classes mixed up...

Wow, I'm having the same problem. I was able to correct the side menus by removing the font classes, but everything in the main fram (below the dialog_ like location, subcategories, products, produst does not seem to want to change from the red underline on hover.

I checked the css, but found no red underline in the code ... and I can't find a place to specify a different class. Thus, there must be a class being called for a <td> somewhere that I can't find or get rid of. This would be preventing the changes.

Ideas?

mike.//

In another thread
http://forum.x-cart.com/viewtopic.php?t=12511

Lyncca showed me that there was a class being set in an encapsulating TD that was overriding the CSS changes i was making..

so lets say your code looks like:

the class1 in the top level TD will override any conflicting values (for instance- color) of all the other classes nested inside. its possible that may be whats tripping you guys up too. There are a couple ways to fix it:

1. in your skin1.css- change the top level TD class to the colors you want(this may be overkill though)
2. in your skin1.css- remove any conflicting font properties from the top level TD class and use another class in your template for the text/link
3. in your template- remove the class tag from the top level TD

sorry- hope that makes sense! it worked for me (thank lyncca :)