Hyperlink color

You would just target the anchor link such as using the following in Appearance->Customize->Additional CSS

a {
	color: red;
}

Thanks, it worked!

On a similar note, I put the following in my additional CSS:

a {
color: #000;
text-decoration: none;
font-weight: bold;
}

a:hover,
a:focus,
a:active {
color: #fff;
text-decoration: none;
font-weight: normal;
}

Note that the colors are just so I can see what is working. So, with this in place, the link looks bolded and black, but when I mouse over, it becomes unbolded but stays black. I can’t figure out what could be causing this.

Actually, I just noticed that there is a style that is taking precedence:

p.has-text-color a {color:inherit;}

Why would this exist? Wouldn’t you always have text color in a paragraph, and wouldn’t you always want links to be a different color?

• This reply was modified 4 years, 8 months ago by gregcrowe.

@gregcrowe inherit in CSS means it takes the value from the parent element

So with that setting, if the text color is set to blue in the paragraph block, it would pull the link color from the element that the block paragraph is contained within if that makes sense. This way, even though the font color in the block changes, it ensures that the link color remains the same across the rest of the content

Oh crap, the idiot who is putting the text in set a color in the block! No wonder I couldn’t get it to do anything! Sorry to bother, and thanks for your time.