WordPress 6.0 Image alignment not working!

I just noticed this yesterday. It only happens when using Astra; it doesn’t happen when I try other themes like WordPress Twenty-Twenty-Two.

It appears to happen when I open a new or old post in the editor; when I do so, the HTML for the image in question is being changed automatically as shown in this screenshot:
https://mentalhealthathome.org/wp-content/uploads/Screen-Shot-2022-05-27-at-4.46.27-AM.png

After updating this post, the image moved from being centered to left-aligned.

Same problem (thanks Ashley for pointing this thread out).

There is also a problem on mobile using ultimate addons and columns. Did not reduce and align correctly when viewing on mobile.

I used WP Downgrade to revert to the prior WP version and everything ok.

Hi @sickleadz, @ashleyleia, @obviousinvestor,

We are sorry for the inconvenience you may have because of this. Yes, we are aware of this issue and have planned to include the fix in the next release. Please consider reaching out to us through our Support Portal so we can provide you with the dev version that contains the fix.

Kind regards,
Herman ??

I have the same misalignment issue and would like to avoid a WP downgrade.

When do you expect the “next release”?

Same left alignment issue for me too. Using Astra free, Ultimate.
And I can’t control the gap between images in gallery block and columns.

I also have issues with image texts. Strange font sizes. But it might not be related?

Hi guys, we released an update that contains the fix for this issue on June 2, 2022. Please refer to the Changelog.

That would be great if you guys can confirm whether or not the issue has been fixed on your end.

Kind regards,
Herman ??

After the update the center alignment of images works on frontend. Thanks!!
But center aligned images are still left aligned in backend. (Astra free, Ultimate, latest Gutenberg.)

This is how it looks on my end @perherngren.

• Backend
• Frontend

Kind regards,
Herman ??

The problem still continues. My center aligned images are still showing up as left aligned.

I’ve checked this on two different Desktop browsers and two different Mobile browsers. They also appear left aligned on the backend too. And I have also repeatedly cleared the cache.

The recent fix/update hasn’t solved it.

@int3rest, what if you go to the Customizer > Global > Block Editor and pick the Custom tab? Refer to this screenshot, please.

Please let us know how you go.

Kind regards,
Herman ??

@bsfherman Just tried it. That didn’t work either. It all continues to stay left aligned.

I still get center aligned images left aligned in the backend. Now I tested inside columns.

I had the same issue, but now it works.

Thanks.

It seems the recent fix we added is working for some users and is not working for some others. Just so you guys know that we are able to replicate this and are now working on the fix. For the users who still have the issue, we are sorry for this. As of now, custom CSS can be used as a workaround. Something like below should work

figure.wp-block-image {
    margin: auto;
    }

Kind regards,
Herman ??

@bsfherman Good to hear.

But, do you know how long this fix may take?

• This reply was modified 2 years, 5 months ago by int3rest.
• This reply was modified 2 years, 5 months ago by int3rest.