Archived topic
blank space on the left and right of the page
9 replies · Started by Dev on March 20, 2023
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?
Hi there,
go to Customizer > Colors and set the body color to white
Hello,
But in the Customizer, my body color is already white. Even after that this issue is there.
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.
Hello,
I located that CSS Code in the Additional CSS and deleted it. But the same problem is there.
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 :)
Hello,
I have added the website/that page URL in the Private box.
Your body background color is set to base which is #fafafa, not#ffffff(white).
https://www.screencast.com/t/vNkzMx7Ihpa
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?
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 );
}