Site logo

Archived topic

Individual Blog Post Background Color

8 replies · Started by Ernest on May 18, 2018

Viewing posts 1–9 of 9

Hello,

My site layout has separate containers. The body background color is gray, which I want.

However, I want white background for blog page that list all the blog post, and inside each blog post I want white background. I used this code to turn the blog page white:

body.blog {
background: #fff;
}

However, when I click a blog post, inside the blog post the background is gray and blog text body is white. What CSS can I used to turn inside the blog post white?

Hi there,

Try this for your overall CSS:

body.blog, body.single {
    background-color: #fff;
}

Let me know.

Thanks. That worked.

No problem!

No problem!

Hello good Morning.

I have been trying to change the background color of my blog or archive page, partly I have succeeded, but within this area there is another container that I do not know how to change the color.

In one attempt I succeeded, but when I saw the individual page of the post, it had also changed color and that is not the purpose because I only want the archive page to be the one that changes.

I have done it with css and this is the code fragment that I have put in my stylesheet of my child team

body.blog, body.archive {
background-color: # 000000;
}

For now it is hosted in a temporary url, (https://luismiguelr3.sg-host.com/analisis/) but there you can see my development.

I hope you please help me understand what I must do to achieve my goal.

Happy day

Hi Luis,

Are you trying to make the background color of blog and archives to completely black?

If so, try modify your CSS to this:

.blog #page, .archive #page, body.blog, body.archive {
    background-color: #000000;
}

Let me know :)

Perfect, thank you very much, maybe I never would have solved it without your help

You are welcome Luis :)

This archived topic is closed to new replies.