All blocks are vertically squished – no spacing

  • Resolved scmsteve

    (@scmsteve)


    3 years, 4 months ago

    In the editor, if PublishPress blocks plugin is active, all the blocks in the editor have a 0 bottom margin causing them to be smashed right up against each other. This is what I see in the inspector:

    body.advgb-editor-width-large:not(.advgb-editor-width-default) #editor .edit-post-visual-editor__post-title-wrapper>.wp-block, body.advgb-editor-width-large:not(.advgb-editor-width-default) #editor .block-editor-writing-flow>.block-editor-block-list__layout>.wp-block {
    max-width: 75%;
    width: 75%;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

    If I disable the plugin, things are spaced out nicely, and this is affecting all blocks in the editor, not just PublishPress blocks. I found out that by setting the editor width parameter in the settings to “Original” it seems to avoid this problem, but “large” or “full width” make it return.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @scmsteve,
    we have a couple of settings to define margin bottom for the blocks. This is available in Blocks > Settings > Blocks spacing and Enable blocks spacing.

    Disable “Enable blocks spacing” to use the inherited margin bottom.

    Regards

    Thread Starter scmsteve

    (@scmsteve)

    Does that explain why it changes with page with of Original versus Large or Full Width? It doesn’t make sense that changing a width setting should affect vertical spacing of elements, especially other blocks.

    We had this setting disabled, enabling it or disabling it doesn’t change anything.

    • This reply was modified 3 years, 4 months ago by scmsteve.
    Plugin Author htmgarcia

    (@htmgarcia)

    The margin: 0 auto is there to center the blocks when choosing a different editor width different to original. However may change the margin-bottom for blocks depending the theme. We’ll see if we can improve this behavior without affecting the editor width result.

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘All blocks are vertically squished – no spacing’ is closed to new replies.