[Resolved] Make All Of Homepage White

[Stuart]

Hi there,

I’m setting up a static homepage with “WP Show Posts” Plugin to show specific posts. I couldn’t figure out how to add padding to each side so that the thumbnails and titles weren’t on edge, but I think an easier and better solution would be to make both sides white.

Currently, they are a slight grey, but the container for showing posts and the header are completely white, would like to match that whiteness for the entire page.

Picture: https://imgur.com/a/aCvklS5

Thanks.

[Leo]

Hi there,

If it’s just for the home page then try this CSS:

body.home {
    background-color: #fff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Stuart]

Thanks Leo,

Much better, but there still seems to be a container shadow.

Picture: https://imgur.com/a/OHr1bcL

[Leo]

So you want to remove the shadow on home page only?

If so change your CSS to this:

body:not(.home) .inside-article, body:not(.home) .sidebar .widget, body:not(.home) .comments-area {
    border-right: 2px solid rgba(0, 0, 0, 0.07);
    border-bottom: 2px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

[Stuart]

Hey Leo,

All fixed 🙂 I think because of the element I had to change the “body:not(.home) to (.front) then it’s all white.

Thanks!

[Leo]

No problem 🙂

[Author]

Posts