No Spacing Between Blocks in Blog Posts Pattern

  • ResolvedModerator James Huff

    (@macmanx)


    2 years, 2 months ago

    Hi there, I’m running into a weird problem here.

    I’ve added the Blog Posts pattern, which looks great in the site editor: https://d.pr/i/tjJhK2

    But there’s no spacing between the blocks on the live site and in the post/page editor: https://d.pr/i/DjBV9s

    The issue appears to be:

    body .is-layout-constrained > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

    since changing either of those to 32px fixes it.

    But, block spacing is already set to 32px in the site editor: https://d.pr/i/jJ97th

    Here’s the full tree if that helps too: https://d.pr/i/RJUrHB

    I’m still very new to modifying block themes, so if I’m missing anything, or you need any more info, please let me know!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @macmanx,

    Thanks for trying out Bj?rk!

    That is a strange issue. I just published an update fixing a spacing bug when the Gutenberg plugin is active. I don’t think that’s what you’re running into here, but it doesn’t hurt to try. The CSS adding margin between the blocks should look like this:

    .wp-container-7 > * + * {
    margin-block-start: var( --wp--style--block-gap );
    margin-block-end: 0;
}

    But it looks like your Post Content block doesn’t have a wp-container-X class on the front-end for some reason. If you do have the Gutenberg plugin active, can you quickly test deactivating it to see if that fixes the issue?

    — Anders

    Moderator James Huff

    (@macmanx)

    Thanks, @anlino!

    I was using the Gutenberg plugin, and your latest update fixed it, even with Gutenberg still active. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘No Spacing Between Blocks in Blog Posts Pattern’ is closed to new replies.