Change link color on hover

I would like to learn how to change a text link color upon hovering the link. I have learned how to do this in the header of my website but I would also like to do this in the body and footer of the website. I have much experience with HTML and CSS code. I have tried the following in the body (Design > Custom CSS) but it isn't working:
 

p a {
  color: #113267;
  text-decoration: none;
}

p a:active {
  color: #000000;
  text-decoration: underline;
}

p a:hover {
  color: #000000;
  text-decoration: underline;
}

I'm clearly doing something wrong and would like to learn how to fix the issue. Is this kind of code supposed to be placed in each page? The website in question is here:

https://www.northseattlenazarene.org/

Hi this works for me on the header but still not on text links...any idea why?

On 12/5/2023 at 3:54 AM, NorahAdams said:

Hi this works for me on the header but still not on text links...any idea why?

 

Can you share link to page where you use textlink?