Theme is missing proper image left or right alignment styling

[bph]

Earlier today I tried to add an image to a text on an article. It worked fine in the editor as you can see in this screenshot:

In the preview in didn't quite translate it. It was right aligned but on its own 'plane' above the text. Here another screenshot

[bph]

Image right aligned in editor next to text

[bph]

Preview of right aligned image

[bph]

pardon the quirky screenshot references - n00by at work.

[audrasjb]

Hi,

Thanks for ticket. I can confirm the issue, this is quite uncomfortable for writing documentation.

The issue could be fixed quite easily, just need to remove this CSS rule:

.helphub-page .entry-content section .container .wp-block-image {
    overflow: hidden;
}

Cheers,
Jb

[audrasjb]

Patch directly made on the file, since HelpHub repo is not synchronized.

[audrasjb]

So,

We need to remove this CSS rule:

.helphub-page .entry-content section .container .wp-block-image {
    overflow: hidden;
}

from ​https://wordpress.org/support/wp-content/themes/pub/wporg-support/sass/site/_helphub.scss

But it doesn’t exists on GitHub file: ​https://github.com/WordPress/HelpHub/blob/master/themes/wporg-support/sass/site/_helphub.scss

I added a patch, above this comment.

Cheers,
Jb

[coffee2code]

In 9536:

Support Theme: Fix flow of text around a right-aligned image block.

Props bph, audrasjb.
Fixes #4870.