[Resolved] How to remove the space between blocks?

[Downtown Spanish]

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

[Leo]

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 🙂

[Downtown Spanish]

Dear Leo, I cannot link the site yet. I am still editing my site on my local IP address before going live.

[David]

Hi there,

can you share a screenshot of the issue – we may be able to advise on how to fix it.

[Downtown Spanish]

Hi David. I would like to remove this white space between the Cover image above and the black cover image below that says “Contact”:

https://ibb.co/CtprrFT

[Leo]

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 🙂

[Downtown Spanish]

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!

[Leo]

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/

[Downtown Spanish]

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’?

[Leo]

Customizer > Additional CSS should work 🙂

[Downtown Spanish]

It worked perfectly! Thank you for the impeccable attention Leo!

[Leo]

No problem 🙂

[Clare]

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

[Leo]

It’s probably not the same issue.

Can you open a new topic and link us to the page in question?

[Author]

Posts