Blog Page Background Color

[weatherstone]

Good morning,

I cannot find a good way to change the default background color of my blog page from white to black. I also want to change the color of the sidebar on that page from white to #F7F7F7 I tried implementing suggestions from a couple threads, but nothing seemed to work.

Kind regards,
J

[jade]

Hi there,

Do you only want the background color of set to black for the blog page? If so, you can add this CSS in X > Theme Options > CSS:

body.blog {
    background-color: #000;
}

If you want the background of the whole site set to black, you can go to X > Theme Options > Layout and Design > Background Options > Background Color.

Hope this helps.

[weatherstone]

Thank you. I also mentioned in my original post that I want to change the color of the sidebar on that page to #F7F7F7. Could you please advise?

Thank you,
J

[jade]

Hi J,

Please try this code:

.blog .right {
    background-color: #F7F7F7;
    padding: 20px;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.