Search code examples
cssmousehover

How to exclude link hover in footer

At first my theme was working great, all my links had hover animations, one day it changed and I couldn't find a way to change it back, I wrote to the developers but from all my questions this was the one they ignored. I'm very new with coding so I searched and I did it, the code in my child theme now looks like this:

a:link {
color: #000000;
footer: none!important;
}


a:visited {
color: #000000;
footer: none!important;

}


a:hover {
color: #666666;
footer: none!important;
}


a:active {
color: #666666;
footer: none!important;
}

BUT my problem is that it keeps applying the hover to my footer (it has a different text color)

I tried with

footer: none!important;

and with 

footer_wrapper: none!important;

But it's not working, what am I doing wrong? I just want to exclude the child css link hovering from my footer, because my theme gives me the option to style the footer, my footer works fine, but not after the changes made to all the other links.

My website is: http://thenoirportrait.com

Solution

  • add this to your code:

    footer a {
  color: #FFF !important;
}

footer a:hover {
  color: #888 !important;
}