• Resolved rekenz

    (@rekenz)


    I have already edited the theme.json to set the Block-Gap to 0rem.

    “spacing”: {
    “blockGap”: “0rem”
    },

    This works perfectly for all normal pages, but for blog-posts the gap between header – content – footer stays. Setting the margins to 0 in the Editor does not do the job either. What can I do to remove that white space?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Kathryn Presner

    (@zoonini)

    Hey there @rekenz – to troubleshoot this it would be very helpful to see your site directly. Would you be able to provide a link to it? Thanks!

    Thread Starter rekenz

    (@rekenz)

    Of course, sorry about that! Here’s the link to a page (blogpost) where the spacing is still on.

    Moderator Kathryn Presner

    (@zoonini)

    Thanks!

    If you’re referring to the space I’ve indicated in the below screenshots, looks like you have two spacer blocks there:

    FAMRI Session 1 Mehr als mu de

    FAMRI Session 1 Mehr als mu de

    If you remove those two blocks, the space should go away. Let me know how it goes!

    Also please keep in mind that edits to theme.json will be wiped out and overwritten every time there’s a theme update, so you’ll want to be careful. With newer versions of WP you can can zero out most of a theme’s padding and margins directly in the Site Editor, without needing to make manual edits – or if you really must edit the file you can could make a child theme via Create Block Theme.

    Thread Starter rekenz

    (@rekenz)

    Thank you for your help @zoonini! Where exactly should I be looking for those spacers? I have all Spacers in the editor set to zero, but that doesn’t do it. I can find the code for the spacer in the post template (single.html), but if I remove it there, nothing happens (they are still visible, but are not found by DevTools Inspector). I have cleared my browser cache as well, still the same.

    Moderator Kathryn Presner

    (@zoonini)

    I can find the code for the spacer in the post template (single.html), but if I remove it there, nothing happens (they are still visible, but are not found by DevTools Inspector).

    Keep in mind there are two different templates for the single post display in this theme: Single Posts and Single Post (No separators). Be sure you’re removing the spacer blocks in the template you’re actually using on your site. ??

    If that doesn’t help:

    How are you removing the spacer blocks? In the Single template in the Site Editor. Or in some other way?

    Could you provide a screenshot of the Single template you’re using with its wordpress & Group block open, so I can see the block structure of the template? It should look something like this:

    Single Posts Template Editor Testing Testing 123 WordPress

    Thread Starter rekenz

    (@rekenz)

    I made sure to use the right template, but also tried the other one – it doesn’t work either.

    In the Site Editor I cannot see the spacers. Here’s the screenshot:

    Moderator Kathryn Presner

    (@zoonini)

    Hi @rekenz – that looks like the Post Editor, not the Site Editor.

    Please go to Appearance > Editor > Templates and choose the template you’re using, and take a screenshot of the entire browser window, including the name of the template at the top like you see in my screenshot above. Thanks!

    Thread Starter rekenz

    (@rekenz)

    Oh I see! I found it and found the spacers as well and was able to remove them. I completely forgot about the site editor. Thank you so much for your help!

    Moderator Kathryn Presner

    (@zoonini)

    Yay glad that fixed it! I’ll mark this thread as resolved, but feel free to start a new topic for other questions.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Remove Block Gap in Blog Post’ is closed to new replies.