- This topic has 11 replies, 3 voices, and was last updated 3 years, 4 months ago by
.
-
Posts
-
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
Customer Support
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.
Ah, thank you for that Fernando! That indeed seems to do the trick.
Has that been a recent change to the WordPress Blocks?
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?
Ah, okay. I’m running WordPress 6.1.1 with GeneratePress 3.2.4. Both should be the latest version.
I see. By any chance, do you have a plugin called Gutenberg Plugin installed?
Yes, I do. Not sure why anymore though. I thought that was the beginning of the blocks in WordPress. Is that causing the behavior?
Customer Support
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.
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?
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.
Thank you for that, David!
You’re welcome
- You must be logged in to reply to this topic.
