Remove empty space between blocks

Resolved rnmartinez
(@rnmartinez)

6 years, 5 months ago

I don’t have a specific page in mind here, but I would find it very helpful to be able to remove empty/whitespace between blocks.

I could create a custom css class using the advanced features, but I am not sure as to what I would use to reduce the space to 0px
Thanks

Viewing 7 replies - 1 through 7 (of 7 total)

Moderator James Huff
(@macmanx)

6 years, 5 months ago

This should be what you’re looking for: https://ww.wp.xz.cn/support/topic/reduce-space-between-blocks/

Thread Starter rnmartinez
(@rnmartinez)

6 years, 5 months ago

Thanks for the assistance, but that doesn’t seem to work. For some blocks it reduces it a bit, for others seems to have no effect, and it doesn’t reduce to 0 in either case.

Any other ideas would be greatly appreciated!
acosmin
(@acosmin)

6 years, 5 months ago
Try:
```
.entry-content > *, .wp-block-group > *, .wp-block-columns > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
```
Thread Starter rnmartinez
(@rnmartinez)

6 years, 5 months ago

@acosmin Thank you! This is very close. The only spots where I have empty space left is immediately under the menu header, and right before the widget areas. Everything else is great.

Any ideas?

acosmin
(@acosmin)

6 years, 5 months ago

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer { margin-top: 0 !important; }

.post-inner, .cover-header + .post-inner { padding-top: 0 !important }

Thread Starter rnmartinez
(@rnmartinez)

6 years, 5 months ago

THANK YOU @acosmin 🙂

That did it !

Ale
(@aleloiacono)

6 years, 1 month ago

Hi,

I also need to remove the space between the logo/menu area and the content area. Actually, I would need to reduce it by half, as there should be some space between those two sections. I tried @acosmin proposed solution, but it doesn’t seem to work on my site. Any other suggestion will be greatly appreciated.

Thank you,
Alejandro