Change post background color

danikalore · Member · Sep 30, 2018 at 2:30 pm
Copy link

Add topic to favorites
I am using the Natural Theme.

I would like the change the background color of my posts from white to black.

The closest I’ve been able to achieve is changing the background of the paragraph within the posts, but that just looks weird.

Could someone tell me which CSS code I need to use to change the color of the entire post background?

Thank you.
dkmyta · Member · Sep 30, 2018 at 3:15 pm
Copy link
Hey there,

Would be happy to help you out however this may require a more specific look into your site structure. Could you please provide the URL for the website in question?

I look forward to your response.

Cheers
danikalore · Member · Sep 30, 2018 at 5:23 pm
Copy link
Thank you for your offer of assistance! The url is danikalore(dot)com

(I’ve put up a few test features to see how everything works, so don’t judge me on the mess!)

Where I have “News” is where I’m looking to make the change. I’m trying to make the entire box a different color than that stark default white.

Thank you for checking!
dkmyta · Member · Sep 30, 2018 at 6:40 pm
Copy link
Anytime, and It’s not a mess at all!

The following CSS will change the background of all of your posts to black as requested:

/*Change background color on all posts*/
```
.postarea {
    background-color: black;
}
```
If you would also like to change the background color of your widget areas and footer area so they are inline with this styling, also add the following CSS:

/*Change background color on all widgets and footer*/
```
.widget {
    background-color: black;
}

.footer-information {
    background-color: black;
}
```
Let me know if need any further changes.

Cheers
dkmyta · Member · Sep 30, 2018 at 6:44 pm
Copy link
My mistake, keep the given (commented out) headers within the code pasted within your CSS area so yourself and others can in the future quickly understand what changes are being applied.

Like so, for the posts area:
```
/*Change background color on all posts*/
.postarea {
    background-color: black;
}
```
and like so, for the widgets and footer areas if you do so decide to use this code:
```
/*Change background color on all widgets and footer*/
.widget {
    background-color: black;
}

.footer-information {
    background-color: black;
}
```
Cheers!
danikalore · Member · Oct 1, 2018 at 1:09 am
Copy link
That worked! Thank you so much for your help! It was driving me nuts trying to work it out myself.
dkmyta · Member · Oct 1, 2018 at 1:20 am
Copy link
No problem at all, always happy to help!

No items found.