[Resolved] Aligning images

[Faye]

Hi there,

I originally raised this bug on Gutenberg as it started happening when my editor switched over. However, after some discussion they have indicated it might be the theme I am using.

When I post two images next to each other, and both are left aligned, they do not line up at the top (the second one drops slightly).

You can see the full discussion here:

https://github.com/WordPress/gutenberg/issues/13175

They have suggested that it is a CSS selector.

Would you be able to look at this and tell me if this is indeed a theme issue?

Thank you 🙂

[Tom]

Seems to be happening because we don’t add margin to the last block in a page.

Can you try adding this CSS?:

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

[Faye]

Oh that’s it! Fixed.

Thank you Tom – excellent support as always. I know more about C++ than CSS, unfortunately.

Thanks again,
F.

[Tom]

No problem! If you find that CSS causes issue elsewhere, try removing it and then adding an empty block after your last image block on that page. The fact that it’s the last block is the reason for the issue I think.

[Author]

Posts