Archived topic
How to remove the space between blocks?
13 replies · Started by Downtown Spanish on July 4, 2020
Hello,
I would like to remove the blank space between a block and the block below it on my GeneratePress pages.
How can I do that? I downloaded the Simple CSS plug in but I don't how to use it or if I even need this plug in for that.
Thank you
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Dear Leo, I cannot link the site yet. I am still editing my site on my local IP address before going live.
Hi there,
can you share a screenshot of the issue - we may be able to advise on how to fix it.
Hi David. I would like to remove this white space between the Cover image above and the black cover image below that says "Contact":
Can't quite tell where the space is coming from with just the screenshot unfortunately.
Can you create a staging site so we can see the issue?
Or we can revisit once the site is live. Should be simple enough to fix once we can see the issue live :)
Hi guys! my site is finally LIVE!
These are the spaces between blocks I would like to remove:
Space between blocks (Cover with picture of a building in it and the red image below it)
Space between a block and the footer (red image and footer)
Space between the header and a block & between a block and footer which shows on the tablet and mobile version
https://ibb.co/HFSqYmG
Thank you for your patience!
Hi there,
Try this CSS:
.entry-content > [class*="wp-block-"]:not(:last-child) {
margin-bottom: 0;
}
figure.wp-block-image {
line-height: 0;
}
Then used the contained page builder container option:
https://docs.generatepress.com/article/page-builder-container/
Thank you Leo. This would be the first time I enter a CSS, so, where do I enter it?
Under 'Customize' and 'Additional CSS'?
Or within the block of that page under 'Advanced' and 'Additional CSS'?
Customizer > Additional CSS should work :)
It worked perfectly! Thank you for the impeccable attention Leo!
No problem :)
Just tagging on to this thread. I also need to remove space between the footer and the block above. I tried the css code you suggested but its not working for me as I'm only wanting to remove the space before the footer, not other areas. Any ideas? Thanks
It's probably not the same issue.
Can you open a new topic and link us to the page in question?