[Resolved] Extra spacing below headings

[Peter van der Woude]

Since recently I’ve noticed that my blog contains extra white space below every heading. To my knowledge I haven’t recently changed anything to the look and feel of my blog, so I was hoping that somebody would be able to point me in the right direction. Where does the spacing come from and how can I remove it?

Here is an example of a recent post: https://www.petervanderwoude.nl/post/test-base-for-microsoft-365-integration-with-microsoft-intune/

Regards, Peter

[Fernando]

Hi Peter,

To clarify, are you referring to this spacing for instance?: https://share.getcloudapp.com/2Nu65g69

If so, that spacing is from the default spacing from WordPress Blocks. You can try adding this through Appearance > Customize > Additional CSS to lessen it:

body .entry-content > [class*="wp-block-"]:not(:last-child){
    margin-bottom: 0.5em;
}

You may alter the value 0.5em to your preference as well.

[Peter van der Woude]

Ah, thank you for that Fernando! That indeed seems to do the trick.

Has that been a recent change to the WordPress Blocks?

[Fernando]

There was a recent change with WordPress(update 6.1) that altered spacing in several WordPress Blocks. What version of WordPress and GeneratePress are you using?

[Peter van der Woude]

Ah, okay. I’m running WordPress 6.1.1 with GeneratePress 3.2.4. Both should be the latest version.

[Fernando]

I see. By any chance, do you have a plugin called Gutenberg Plugin installed?

[Peter van der Woude]

Yes, I do. Not sure why anymore though. I thought that was the beginning of the blocks in WordPress. Is that causing the behavior?

[David]

Hi there,

remove the Gutenberg Plugin, it will break things…. WP should do a better job of marketing what its for. The Plugin is constantly being updated and should be said it is always in Beta, allowing developers to test out new future features and bug test. It should not be used on production sites.

[Peter van der Woude]

I deactivated it and removed. I just did a quick test and – just to be sure – am I correct that I do still need the custom CSS to remove the spacing below the headings?

[David]

You will need to keep the CSS for now, as those Headings have an CSS class added to them that is causing the additional bottom margins to appear. I assume the classes got added because of the Gutenberg plugin.

[Peter van der Woude]

Thank you for that, David!

[David]

You’re welcome

[Author]

Posts