• The spacing think with WordPress is killing me! I figured these blocks would straighten that out, but it didn’t for me. I just created this post and I used blocks. I put everything in a separate block thinking this would take care of it. If you look at one of the boots, The heading is in a block, then the next block contains an image of the boot with the next block to the right of it with a paragraph. After the paragraph, I created another block to put in bullet points. You think it would look good, but the bullet points and the above paragraph get all intertwined.

    Also, how can I create some more space inbetween some of the blocks? I don’t want it all mooshed together.

    Thanks for your help!

    • This topic was modified 5 years, 9 months ago by bcworkz. Reason: moved to Fixing

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Samuel Wood (Otto)

    (@otto42)

    www.ads-software.com Admin

    I see your problem.

    There’s a number of ways to do what you’re wanting here. If you’re just needing to add vertical blank space in specific places, then the built in Spacer Block will do exactly what you want.

    On the other hand, what you’re really wanting here is to have those h2 titles clear of the images above them, to avoid the wrapping. Adding something like this into your Custom CSS field (in the Appearance->Customize area) will do the job:

    .entry-content h2 {
    clear:left;
    }
    
    Moderator bcworkz

    (@bcworkz)

    The spacing of block elements is up to your theme. The block editor only generates the HTML. It is the theme’s responsibility to make the HTML look nice. I’ve never encountered a theme that didn’t need adjustment, so I’m not being critical of your theme. All themes need adjustment.

    Use your browser’s CSS inspector tool to learn what CSS rules are applied and to help you figure out the proper adjustments. As a start, try adding the following to the Additional CSS panel of the customizer:

    .wp-block-image .alignleft {
        margin-right: 2.5em;
    }
    ul, ol {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    You can adjust the numbers to align with your preferences. You can add other similar rules to add more spacing to other elements.

    BTW, this sort of topic is better placed in the Fixing WordPress forum, not the Developing forum. I’m moving your topic to that forum. No worries about which forum to post in, we know deciding upon the right forum can be less than intuitive. We realize you made a good effort to chose the right forum. It’s all good.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘creating space between blocks in posts’ is closed to new replies.