Spacing between blocks

  • Resolved bagsalwayspacked

    (@bagsalwayspacked)


    3 years, 7 months ago

    Hi,

    I am looking for some CSS to increase the spacing between all the blocks for my blog posts. I don’t like how the text looks cramped in paragraphs as well as before and after images or other elements.

    At the moment I have been using spacer blocks but this is rather time-consuming since I would like all my posts to have these bigger spaces so a CSS solution would be better.

    The page I have linked to already has some spacer blocks but you can also see how everything looks smushed together.

    Ideally, I would like the top and bottom margins to increase for all block types but all the CSS solutions I have found elsewhere online have no effect.

    Thanks

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @bagsalwayspacked

    At first, thank you for choosing our theme and service.

    Can you please share the screenshots of the issue to better understand what kind of changes you want to be applied to your website?

    Kind Regards

    Thread Starter bagsalwayspacked

    (@bagsalwayspacked)

    Thanks for your response,

    I think I managed to fix it (mostly) by adding this CSS to space out the paragraphs by adjusting the heading margins

    h2 {
    margin-top: 2em;
    padding-top: 0;
    }

    I would like to know how to do the same for the spacers though (the long lines, dots and short lines). I can’t figure out what css to write

    Hi @bagsalwayspacked

    You can try to increase space between the paragraphs via page editor, if you are using Gutenberg just hit enter button several times, or just add a spacer widget.

    Kind Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Spacing between blocks’ is closed to new replies.