Changing main color scheme of site in CSS

[Doug]

I’m trying to change the main color scheme of my site. From a black text on white background to white text on dark blue background.

Line 162 of style.css
Using Inspect, I’ve tested the color changes on all pages, by changing the ‘background-color’ and ‘color’ properties in the code below, which starts at line 162 of style.css.

body {
	background-color: #0079aa;
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.625;
	margin: 0;
}

My question is, Shouldn’t I make these changes in the Customizing > Additional CSS area, instead of changing the style.css doc?

And to do that, wouldn’t the correct code be as below?

.body {
background-color: #0079AA;
color: #ffffff;
}

However, I’ve made those changes and nothing happened.

I placed .body at the top of the Additional CSS window, but don’t think that would be an issue.

Grateful for any input on this.

http://eme.88b.myftpupload.com/

[AnitaC]

You have.body. Remove the . property. It should only be body.

---

Need help with customization or troubleshooting? Reach out to me.

[irened]

Hi,
I'm wondering if this worked? I have a very similar question, as a client wants to have a dark site with white font. And yes, should we put it in the
additional CSS area?

Also, if anyone else has done this, I'd love to see some samples. Thank you!

[Doug]

Thank you! That worked.

I'm confused, though, because I used this to change the same keys of the footer.

.footer-widgets {
	background-color: #3d444c;
	color: white;
}

Why would that require the "." but body doesn't? Body isn't a CSS Class?

[AnitaC]

Doug, I was referring to what you wrote in your code above. You wrote:

And to do that, wouldn’t the correct code be as below?

.body {
background-color: #0079AA;
color: #ffffff;
}

You have the dot (.) before body. Remove that and it should work.

---

Need help with customization or troubleshooting? Reach out to me.

[Doug]

Thanks, Anita. Did that and it worked great!

[Author]

Posts