Archived topic
Extra Padding at bottom of blocks above Footer
8 replies · Started by Brent on January 26, 2022
Hi Guys -
I'm not sure how to get rid of the extra space at the bottom of my container, just above my footer. I've tried a few different solutions using css - but everything I've tried doesn't seem to work. I know GP automatically inserts a margin-bottom: 1.5em, but if I get rid of it, it applies to everything that is using:
p {
margin-bottom: 1.5em;
}
Any suggestions?
Thanks
Hi Brent,
That space is coming from an empty paragraph block, if there's no specific reason, this paragraph block should be removed: https://www.screencast.com/t/JaTcFLPw
Let me know :)
Hi Ying -
Yes, I saw that. It's happening on most pages. Are you saying this is coming from Elementor and not GP? I'm not sure where to find that paragraph block. I thought it was coming from the all.min.css file?
Thank you
Not, GP doesn't add empty paragraph to pages, but Gutenburg does sometimes.
If you go to the page editor, click on the 3 line button on top, you can see the block list view.
Check if there's a paragraph at the end? If so, you might need to type something first in the paragraph block, then you should be able to remove it.
Hi Ying -
And if I'm using Classic Editor - how would I find that empty paragraph?
Hi Ying -
I switched a page to block editor and did what you said, yet there was no additional block that I could delete. Any other suggestions?
Thanks
If you can't find the paragraph block, then try this CSS to remove the margin bottom of empty paragraph:
p:empty {
margin-bottom: 0;
}Thanks Ying!
No problem :)
