Support » Theme: Twenty Twenty » Remove empty space between blocks

  • Resolved rnmartinez


    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator James Huff


    Volunteer Moderator

    This should be what you’re looking for:

    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!


    .entry-content > *, .wp-block-group > *, .wp-block-columns > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

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

    .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 }

    THANK YOU @acosmin 🙂

    That did it !




    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,

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove empty space between blocks’ is closed to new replies.