[Support request] Extra White Space

[Suman]

I am unable to remove this extra white space that appears below the footer of my homepage.

https://prnt.sc/8CaCWjg_k0V8

Can you please help?

[David]

Hi there,

when building pages that have a full width Layout then set the Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

a) This will remove the themes padding which is adding the extra space.
You should then add the appropriate Left and Right padding to the Container Blocks.
Eg, 40px for Desktop, and less for Tablet / Mobile.

b) you won’t need to set the Align Full option on the Container Blocks.

[Suman]

If I select full width it stretches the content too much.

[Ying]

Hi Suman,

GB containers default to full width, if the page’s content container is set to Full width, make sure you do NOT select the Align full option for all the container blocks.

[Suman]

Sorry I am not much tech savvy can you please help me out by explaining in simpler terms? The white space is still there.

[David]

I made a copy of your Home Page, called Draft Home.
In that copy i:

1. I opened the List view, and Shift Clicked All Container blocks.
2. With all of them selected:
2.1 I removed the Full Width option from the Toolbar.
2.2 I added 40px left and right padding and 20px on Mobile.
3. I set the Content Container to Full Width.

Can you check that to see how i did it , and if its ok ?

[Suman]

Thank You. That’s exactly how I want it to be. Should I publish it and save it as my home page?

[David]

If you’re happy its 100% correct then go for it – you can then use your current homepage to practice what i did 🙂

[Suman]

Thank you very much for your help. I will try to replicate your methods.

[David]

You’re welcome

[Author]

Posts