Archived topic
Large gap at bottom of page
5 replies · Started by David on October 23, 2020
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
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.
Thanks Elvin all good fixed that, thank you...
And the question about the content that won't center ? (see above)
Regards, Dave
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
Thanks David, all good, resolved!
Dave
Glad to hear that
