How can I change the background and font colors of this theme?

#page {
background: #fff;
}
.entry-content p {
color: #666;
}

There may be other changes necessary, but that’s a start.

There are different fonts here. Which one do you want to change — and to what?

That did the trick! Everything else was customizable within the theme, but for some reason those colors weren’t accessible from the customization panel.

Thanks so much!

Ah – one more area is still unreadable now that I look again. In the sidebar, the “most recent posts” are dark on dark. The font is our link color, but how can I affect their background box colors with CSS?

indierevolver.com

Thanks again!

.widget_nav_menu ul li, .widget_meta ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li, ul.grofile-links li {
background: #D5D3D3;
}

Try that.

Thanks again!

The rollover background of those posts is black, making the link text disappear if you hover over the area – how can I make that white?

In a similar vein, the link hover color is white so they disappear on the white backgrounds (like the post titles, for instance). How can I change the link hover color?

Janet, you’re amazing! I can’t tell you how much I appreciate all the help.

I thought you could change the link colors? per your original post.

As for the hover to white on the backgrounds, copy the code from previous and add :hover directly before each of the commas and change the background to #fff

Hi Janet,

I can change the link colors, but not their hover colors. If you hover over the sidebar “TOP STORIES” links or the post titles, you see they disappear to white on white. Can that be changed? If your suggestion above works, it will create the same problem for the “Recent Posts” section.

Thanks again!

Your suggestion did work! Now I just need to be able to change my page link hover color and I should be golden. You’re amazing!

try just adding one:

a:hover {
color:#FF0000;
}

you may need to tweak for certain circumstances. but start here.

That code seemingly has no effect on any links on this page. Titles, Top Stories, and Recent Posts all still roll over to white (I used #333333 for the hover color using your CSS above).

Found one more issue – the post titles are my link color on the main page, but if you click through to the post they’re no longer links and they become white headers:

https://indierevolver.com/2014/08/13/mark-hamill-looks-like-a-regal-jedi-for-episode-vii/

Can those be made the same grey as the links?

Thanks again!

shoot. OK, then try this:

#content a:hover, .entry-title a:hover, #secondary ul li a:hover, .navigation-main a:hover, .site-info a:hover {
color: #333;
}

I was able to address that one! I’m still having the hover to white issue though.

Whoops – hadn’t seen your post yet. Just tried it with no effect though… Any other thoughts?

Thanks yet again…

.wf-active .site-title, .wf-active .entry-title, .wf-active .entry-title a {
color: #666;
}