[Support request] Weird spacing issues on buttons and whatnot

[Chip]

I have weird spacing issues on buttons and other items in GP.
I’m not sure what’s causing them and never experienced them in similar setups before.
Can someone please take a look?

[David]

Hi there,

the GenerateBlocks buttons, if you select the buttons wrapper you can give it some bottom margin:

[Chip]

That’s definitely not the issue.
All the wrappers are intact but something is causing the button to drop down a bit.

[Ying]

Hi Chip,

Do you mean the margin below the image block?
https://www.screencast.com/t/PDFnZqTxf9L

If so, it’s not related to the button, but the image block.

You can use this CSS to remove the default margin:

.entry-content .wp-block-image {
    margin-bottom: 0 !important;
}

[Chip]

That didn’t solve it either, as you can see in the private info 🙂
Also, changing the number doesn’t affect anything – it’s either stuck to the image above or it has the exact same spacing as before.

[David]

If you refer to the image i provided here:

https://generatepress.com/forums/topic/weird-spacing-issues-on-buttons-and-whatnot/#post-2164635

Check the left hand side showing the Block List – make sure you select the outer Buttons block not the inner button and add Top and Bottom Margin. This will put space around the button.

[Chip]

No, something is causing every button that I create to have that spacing issue.
There’s no spacing added to either of the blocks you refer to.

[David]

And that is the issue – there is NO margins – you need to add some 🙂

[Chip]

Ah that seems to have fixed the issue 🙂

[David]

Glad to hear that !

[Author]

Posts