[Support request] blank space on the left and right of the page

[Dev]

Hello,

Please check the screenshot URL: https://prnt.sc/61W_eQqccPyA

There is some grey space on the left and right of each page; why is it there? Due to that, the page design looks bad.

Could u please tell me how I can remove that?

[David]

Hi there,

go to Customizer > Colors and set the body color to white

[Dev]

Hello,

But in the Customizer, my body color is already white. Even after that this issue is there.

[David]

Go to the Customizer > Additional CSS.

Do you see this code:

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

If Yes – delete it.

[Dev]

Hello,

I located that CSS Code in the Additional CSS and deleted it. But the same problem is there.

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[Dev]

Hello,

I have added the website/that page URL in the Private box.

[Ying]

Your body background color is set to base which is #fafafa, not#ffffff(white).
https://www.screencast.com/t/vNkzMx7Ihpa

[Dev]

Hello,

The grey space issue on the left and right has been resolved.

But at the bottom, below the footer (black), there is a white blank space. It is still there. How I can remove that?

https://prnt.sc/61W_eQqccPyA

[Fernando]

Hello there,

The space there is because there’s not much content on your page.

You can set a min-height to the content to override this.

Try adding this through Appearance > Customize > Additional CSS:

.content-area {
    min-height: calc( 100vh - 276px );
}

[Author]

Posts