Site logo

Archived topic

blank space on the left and right of the page

9 replies · Started by Dev on March 20, 2023

Viewing posts 1–10 of 10

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.

Hello,

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

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

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 );
}
This archived topic is closed to new replies.