Inconsistent Block Spacing

  • Hello,

    I created a similar post a few months ago about inconsistent spacing between blocks on my blog posts. My older blog posts were displaying with little to no space between blocks while my newer posts were displaying correctly. I wasn’t able to find a solution and ended up manually fixing the old posts, adding in spaces where I needed them by inserting black blocks between photos and paragraphs.

    I just noticed that now my newer posts (which had been displaying correctly) are now displaying incorrectly, with little to no space between photos and text blocks. Overall it makes posts look messy and disorganized and I don’t understand why this is randomly happening. Even trying to manually fix the posts the way I did a few months ago is not working – as you’ll see in my linked post, there is no space between photos and too little space between photo and text blocks.

    It’s discouraging to randomly discover a problem that seems to appear out of nowhere for no reason. I worry that if I go through and fix every post manually, it will just randomly happen again. I would greatly appreciate any insight and suggestions. Thank you!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • DJ

    (@itsjustdj)

    Hi,

    It looks like there’s some CSS and a scroll-positioning effect that could be interfering with your layout.

    If I inspect the page (right-click→ Inspect in Firefox) I can see a warning message saying, “Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content.”

    This could be a setting in the Sticky Plugin. Try disabling that plugin and see if the layout changes.

    You can also try installing the free Health Check plugin which will allow you to turn off all plugins and switch themes (in troubleshoot mode) without affecting what your users see. Then you might get a better idea of what’s causing the layout issue.

    Thread Starter cepiatone

    (@cepiatone)

    Thank you for your response. I don’t have the Sticky plugin, is there a different one that may be causing the issue?

    I saw a post with someone referencing the Advanced Editor Tools plugin being a potential problem so I deactivated mine to see. It didn’t immediately solve the problem but did allow me to manually fix the spacing on one post by adding in blank blocks where no space was showing. I would still love to find the actual real solve of the issue, though – I worry it will continue popping up if I don’t.

    Thread Starter cepiatone

    (@cepiatone)

    Hi again,

    I may have figured out something helpful. It looks like the spacing issue occurs anytime that I don’t have a caption on a photo. If there’s a caption, the next block is nicely spaced, but if there’s not, the text appears directly under the photo which isn’t right. Does that help point us toward a fix?

    Thanks so much again,

    Caity

    DJ

    (@itsjustdj)

    Since you’re using the Oleander theme, I would also check with their support/knowledge base, because there may be a setting that affects the spacing.

    Thread Starter cepiatone

    (@cepiatone)

    Hello again,

    Unfortunately my theme creator is no longer in business but I did want to hop back on and share that I found this code on a Generate Press forum and it fixed my issue:

    .wp-block-image {
    margin-bottom: 1em;
    }

    In case anyone else is having the same problem! The forum posts are linked here:

    https://generatepress.com/forums/topic/spacing-missing-after-image-block-in-a-blog-post/

    DJ

    (@itsjustdj)

    That’s wonderful! I’m glad you found a solution.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Inconsistent Block Spacing’ is closed to new replies.