Hover link color change not working

I have this code in my css, but it is not working.

h1 a:hover {
    color: #0a933a !important;
}

Just looking to change my text color in a hover state.

Can you share your website URL?

https://tarpon-garlic-ndwr.squarespace.com

pw: vambora

I'm not sure why that CSS is not working for you, do you have any other Custom CSS on your website?

This is the code I currently have. 

I can't see any issues that would stop your code from working, though you are using !important quite a lot, it's best to only use that sparingly or it can be more likely to interfere with other code, though I don't think that's the problem here. Can you add the h1 hover code to your CSS and let me know here when you have done that?

Just added this: h1 a:hover {
    color: #2A4CE1 !important;
}

I tried removing a few "!important" but then other things stopped working. Are there specific ones I should delete?

15 hours ago, vamboracreative said:

I tried removing a few "!important" but then other things stopped working. Are there specific ones I should delete?

Use them just where absolutely necessary, often when an !important does work, there is a better way to target the code which doesn't need the "strongarming" of an !important.

Couple of options to try in CSS:

h1 a span:hover {
  color: #2A4CE1;
}

OR

h1 a:hover span {
  color: #2A4CE1;
}