Archived topic
Blank space under hero
4 replies · Started by Côme on October 28, 2020
Hi GP team,
Under a Hero block, on the bottom of my home page, there is a white blank space.
Even if I delete all CSS or if I build a new Hero, there is always this white blank space.
I have followed the steps of this page https://docs.generatepress.com/article/footer-padding/ but it didn't work.
Can you help me ?
Here is the link : https://atelier-effet-mer.fr/
Thank you,
Côme
Nevermind,
I used this CSS as fix (after declaring a CSS class to this Hero block) :
.homeherofooter {
margin-bottom: -6% !important;}
I don't like this kind of solution, that's like using display:none; ...
If you have a better solution i would be happy to hear it.
Thanks,
Côme
Hi there,
when building out pages with full width content, we advise you set the Page Builder Container to Full Width:
https://docs.generatepress.com/article/content-container/
This removes the themes padding and spacing - which is one of the reasons for the space below.
Then make sure all your content is added inside a GB Container Block to keep content contained whilst allowing for full width backgrounds.
For that last block i would build it using the FB Container, Headline and Buttons blocks. This will remove the bottom margin from the last block which is the another element creating the gap.
Thank you very much,
I will do it like this.
Bye,
Côme
You're welcome
