Change Habitat top Nav hover color? « Support Forum | Kriesi.at

Change Habitat top Nav hover color?

6 posts from 4 voices

Tags:

paul talbot
Member

Hi I'm using the 'minimal' (light) option of the Habitat theme and would like to change the color of the hover state. Currently it is black and I would prefer it to be magenta (ie: #FFCBDB).

I can (sort of) find where I thought I would be able to change it in the style.css but it appears to bet getting styling elsewhere which is overriding anything I add?

thanks in advance for your help
paul

Posted 2 years ago #
Dude
Dude
Hey,
add following code to style.css (at the very bottom):
```
.nav li a:hover strong, .nav li a:hover span{
color: #ff0000 !important;
}
```
Change the color as you like :)
Posted 2 years ago #
paul talbot
Member

Works Great!

Thankyou
paul

Posted 2 years ago #
Dude
Dude

Glad that I could help you :)

Posted 2 years ago #
chrismv48
Member

Hello,

I tried doing this to change the hover color of my menu links and could not get it to work. Could it be because I made modifications to the primary/secondary colors in the style1/2/3 sheets using the !important code?

Posted 1 year ago #
Chris Beard

Hi,
yes, certainly. Using !important will override previously set options, it's possible you've overwritten the code to be changed. If you could link to your site we can check on it. For example, in your style2.css I find:
color: #96A1A6 !important;

When removing this the menu colors change.

Posted 1 year ago #