[Resolved] Remove gap between 2 images added by gutenberg

[roadlink]

Hello,

I have added few pictures via gutenberg image block.
But there is space and probably paragraph block between them. How I can remove that space to “0” pixel?

Thanks

[Leo]

Hi there,

Try this CSS:

.wp-block-image {
    margin-bottom: 0 !important;
    line-height: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[roadlink]

Hi Leo,

Thanks for fast reply both your advice and this one here helped to reduce the space but didn’t make it zero.

[Leo]

I’m actually not seeing my code being added.

Can you confirm?

[roadlink]

hi,

Removed after test.

But added again now. You can check if you want 🙂

[Leo]

Just cleared my browser cache and used incognito mode but still not seeing it.

[roadlink]

I have cleaned cloudflare cache now. Maybe it was the cause for you.

[Leo]

Edited the CSS above:
https://generatepress.com/forums/topic/remove-gap-between-2-images-added-by-gutenberg/#post-1905788

[roadlink]

That worked perfect.
I have applied it to additional css class.

thanks Leo.

[Leo]

No problem 🙂

[Author]

Posts