How do I change topmenu text hover color?

[jkskovgaard 0]

Hi! I can't figure out how to change the hover color of the text in the top (primary) menu. I've tried different custom css solutions suggested in threads, but no luck. When I look in Firebug, it looks like the new custom code is overruled - can that be true? Any help - a bit of good code? Here's the site I'm working on: http://kmg.pressmoo.com/

[Rob 547]

No luck changing it in Design Control? Dashboard > PlatformPro > Design Control

[jkskovgaard 0]

Have tried. Can't find the control I'm looking for.

[Rob 547]

I still think that in Design Control, changing the colors in some of the settings is better than writing custom code or styling. Before you go to the extreme, please try tweaking some of those color settings to see if you get a change in the hover. I tried several combinations on my site and did achieve a hover effect.

[jkskovgaard 0]

It's only possible to change the "non hovering" text color within Design Control?

[Jenny 33]

With PlatformBase active, you can place the following in your base.css file or in the custom CSS area in the PlatformPro admin panel. Hover color: [code]ul#menu-main.main-nav a:hover { color: #4b857a; background-color:#e8c8d0; }[/code] Active color: [code]ul#menu-main.main-nav a:active { color: #4b857a; background-color:#e8c8d0; }[/code] Keep in mind "color" is the text color and "background-color" is pretty self-explanatory. Change the color codes to suit your needs.

[jkskovgaard 0]

I tried adding your code to the style sheet (Editor: PlatformBase: Stylesheet (style.css)) but it doesn't work. Even tried adding a !important, but still nothing. I must be doing something wrong? Hope you can help some more, mama!

[[Deleted User] 0]

Try this: [code].main-nav li a:hover{color:red !important;}[/code] (Obviously change "red" to whatever color you want ; )

[jsgreenbaum 0]

When I activate my drop-down menu on the main navigation, the navigation becomes the same color as my page background. I tried inserting the custom css you suggested, but it's not changing. (fyi... when the drop-down menu is not activated, I have no background color on the navigation.) Any suggestions?

[kastelic 6]

Do you have the base theme activated? Also, when you have dropdown navigation enabled, the classes will change a bit, so we need to know which way you are going to have it.

[jsgreenbaum 0]

No, I don't have the base theme activated because I didn't want to do a lot of custom code. I do want to have dropdown navigation enabled... is there any way to fix the problem without activating the base? Maybe through the custom code box in the administration area?

[catrina 103]

You can enable dropdown navigation in PlatformPro Settings > Header And Nav. Once you've enabled it, we can determine what would be the right CSS since the classes will have changed.

[jkskovgaard 0]

Thank you, lynnkate - your bit of code did the trick!