Blank space under hero

[Côme]

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

[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

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Côme]

Thank you very much,
I will do it like this.

Bye,
Côme

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts