Block Editor – Blocks spacing

  • Resolved Piyush Yash

    (@piyushyash)


    4 years, 8 months ago

    Hey,
    I have one problem, While editing in block editor it shows clear dividing spacing between blocks vertically but on the web page, it does not show any spacing between blocks. How to fix that? It shows everything, every type of all blocks without any vertical spacing which looks very weird.

    I’m facing this same issue in every posts and pages which i’m editing in block editor of WordPress(current version). And i don’t know coding too.

    Please help me to fix it in easy way!

    • This topic was modified 4 years, 8 months ago by Piyush Yash.

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

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

  • Hi

    .entry-content>* {
    margin-bottom: 0 !important;
}

    The above CSS code on your site is preventing from creating spaces. You can override it with the following code:

    .entry-content p {
    margin-bottom: 15px !important;
}

    Please paste in Appearance -> Customize -> Additional CSS

    Thread Starter Piyush Yash

    (@piyushyash)

    Hey, @prashantvatsh

    It’s worked for paragraphs blocks,
    but the same problem is still arising with Heading blocks means there is no proper vertically spacing between heading and paragraph blocks.

    • This reply was modified 4 years, 8 months ago by Piyush Yash.
    • This reply was modified 4 years, 8 months ago by Piyush Yash.
    • This reply was modified 4 years, 8 months ago by Piyush Yash.

    You can try the following code for headings:

    .entry-content h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px !important;
}
    Thread Starter Piyush Yash

    (@piyushyash)

    Hey @prashantvatsh,
    It’s worked great!
    Thank you so much for Your Help ????

    Glad to help you ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Block Editor – Blocks spacing’ is closed to new replies.