Large gap at bottom of page

[David]

Hi all,

I’m setting up a new site for a client, and used Stream as a starting site.
I’ve setup a page with some rows with the aim to make them reusable blocks
And the last container is one of Mike Oliver’s Block Monday Templates.
But at the end of that page, there is a gap, I’ve used developer tools to try to see where it is coming from, but its got the better of me 🙂
Any ideas ?

Also while I think of it, I have tried to make the text in the containers above vertically centered – tried setting in all containers and grid, but they seem stuck on being aligned top ?

TIA, Dave

[Elvin]

Hi,

But at the end of that page, there is a gap, I’ve used developer tools to try to see where it is coming from, but its got the better of me 🙂
Any ideas ?

The culprit is a block added to the site footer as shown here: https://share.getcloudapp.com/8Lur0oKl
(apologies for the borders. It’s a front-end developer trick to find the bounds of every elements in a page when inspecting. 😉 )

I believe this is a GenerateBlock container on a Block Element hooked to the generate_before_footer_content?

This particular container block has a margin-top:100px that is causing the issue.

Remove it on the container block and it should fix the issue.

A wise man once said:
"Have you cleared your cache?"

[David]

Thanks Elvin all good fixed that, thank you…

And the question about the content that won’t center ? (see above)

Regards, Dave

[David]

Hi there,

Text elements inherit the bottom margin set in the Cutomizers typography settings.
Good thing is with the headline block is you can set the Spacing > Bottom Margin to 0 by manually entering that value

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

[David]

Thanks David, all good, resolved!
Dave

[David]

Glad to hear that

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

[Author]

Posts