Link Colors Different in Page Body then in Widgets

Hi jklarich. If by “body” you mean the main content area, yes. Use this CSS:

/* content area links red */
.content a {
    color: #f00;
}

That didn’t work. The links in the main content area (like my home page) didn’t change.

Here is the link to my site:

https://grangerwashington.org/

OK, so the “body” includes the entire page. What I gave you above is the middle content area. If you want to change the links in the widgets, try this:

/* widget links red */
.widget a {
    color: red !important;
}

This worked for the widget link colors, but the content area links are only black (which is the hover color). Here is the code I put in for content (as above)

/* content area links blue */
.content a {
color: blue;
}

My site is https://grangerwashington.org/

What am I doing wrong?

It may be that’s it’s overridden by the theme CSS. Try using the !important rule:

/* content area links blue */
.content a {
    color: blue !important;
}

Perfect! Thanks!