Link hover color

I can't figure out why my h2 links won't change color when I hover over them. 😤 I inserted this code: 

h2 a:hover { 
  color: #F9CA92 !important;
}

Is it because I also used this code to remove the underline and it's overriding it? 

a {
text-decoration: none !important;
}

Share site url pls..  some time class add under H2 tag. then not working.

https://www.beautifulyoutanning.com/

No idea why I can't get this code to apply to these links - Body Treatments, Morpheus8, etc... 

I have used this code, which works on other links but not these. ☹️

#page a:hover {
    color: #F9CA92!important; }

website: www.beautifulyoutanning.com

@tuanphan can you please help! 🙏

On 10/17/2023 at 12:23 AM, DesignPearl said:

No idea why I can't get this code to apply to these links - Body Treatments, Morpheus8, etc... 

I have used this code, which works on other links but not these. ☹️

#page a:hover {
    color: #F9CA92!important; }

website: www.beautifulyoutanning.com

 

Thank you!! Curious, what does adding "#page" twice and a "*" do? 

On 10/20/2023 at 4:33 AM, DesignPearl said:

Thank you!! Curious, what does adding "#page" twice and a "*" do? 

#page a target all links

#page a * target all links + all child element inside links (a) tag

@tuanphan is there a way to make it so that my button text doesn't also change to this color? I want button text color to turn black (not orange) on hover. 

On 10/27/2023 at 12:49 AM, DesignPearl said:

@tuanphan is there a way to make it so that my button text doesn't also change to this color? I want button text color to turn black (not orange) on hover. 

To exclude button, change to this

#page a:not([class*="button"]):hover,#page a:not([class*="button"]):hover * {
    color: #f9ca92 !important
}