Archived topic

Make All Of Homepage White

5 replies · Started by Stuart on November 21, 2020

Viewing posts 1–6 of 6

November 21, 2020 at 7:56 pm #1540589

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.

November 21, 2020 at 8:00 pm #1540590

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 :)

November 21, 2020 at 8:53 pm #1540605

Thanks Leo,

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

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

November 21, 2020 at 10:02 pm #1540669

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);
}

November 22, 2020 at 6:35 am #1540925

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!

November 22, 2020 at 9:36 am #1541295

No problem :)

This archived topic is closed to new replies.

Start building better websites today.