Change the color of hyperlinks on hover

Site URL: http://prism-conch-shnc.squarespace.com

I'm trying desperately to change the color of my Header 3 linked text when a cursor hovers over. I was able to remove the underline and and make the text italic on hover, but for some reason I cannot for the life of me get the text to change color. Ideally I would like the text to change to orange, and not become italic (I am using that as a temporary solve). I have tried 10+ different codes, and none of them seem to work. I am specifically trying to change the color of the words with the emojis next to them.

Temporary password: hoverlink

On 2/14/2022 at 12:55 PM, dannyrothschild said:

Site URL: http://prism-conch-shnc.squarespace.com

I'm trying desperately to change the color of my Header 3 linked text when a cursor hovers over. I was able to remove the underline and and make the text italic on hover, but for some reason I cannot for the life of me get the text to change color. Ideally I would like the text to change to orange, and not become italic (I am using that as a temporary solve). I have tried 10+ different codes, and none of them seem to work. I am specifically trying to change the color of the words with the emojis next to them.

Temporary password: hoverlink

hoverlink is the wrong password. Can you check it again?

Wasn't able to log in with the password but this has worked for me:

Go to Custom CSS and copy and paste the codes:

This removes the underline for the Heading 3 link:

h3 a {
  text-decoration: none !important;
  background-image: none !important;
}

This is a hover effect for the color orange:

h3 a:hover {
  color: orange !important;
  transition: ease-in-out 0.5s !important;
}

the transition makes for a nice fade in and out effect when hovering but you can delete that if you don't want it.

Hope that helps!