Blocks extra vertical margins after WordPress 6 update

EDIT: When I set custom CSS top margin to 20px and bottom margin to 10px for p, ul, h1..h6 there is some improvement but by default this should be more basic values and not like 30px for each vertical margin. I know there is margin setting now for almost every block, but if I need to set up them manually to fix it that is not the way it should be done. Also I need to set up vertical margins for .wp-block-spacer to 0px because what is the point to set Spacer height as it has extra vertical margin by default. Also .wp-block-buttons need different values for margins. Please fix it.

• This reply was modified 2 years, 6 months ago by Tom.

Hi @lsrgsrd,

I tried to replicate this on my end and I think all worked just fine. This is the screenshot of the Block editor and this one is for the frontend. Is there something I missed here?

Looking forward to hearing from you.

Kind regards,
Herman ??

Had the same problem, found the culprit

.wp-container-X styles are all set to margin-inline-start: 2em

When inspecting an H2, the computed CSS is:

.wp-container-1 > * + * {
    margin-block-start: var( --wp--style--block-gap );
    margin-block-end: 0;
}

I’m currently trying to work out how to fix this without breaking anything else.

• This reply was modified 2 years, 3 months ago by francibambi.

Thanks for reply. I’ve noticed that only some heading have extra vertical margin (I think ones with font size changed manually in block editor). After latest Astra 3.9.1 update I get the same problem on different website. Again need to fix everything manually (set up top-margin to 0px). This theme is great but last updates are messing things up for me. Maybe it’s Astra/WordPress issue but not sure…

• This reply was modified 2 years, 3 months ago by Tom.

Hi @lsrgsrd, @francibambi, sorry for the delay.

What if you guys add the filters from this doc and this one to your site?

Please let us know how you go.

Kind regards,
Herman ??