Inconsistent appearance for centered images in Columns and Layout Grids on various themes #80633
Labels
Customer Report
Issues or PRs that were reported via Happiness. Previously known as "Happiness Request".
[Feature] Core Blocks
Blocks that come with Gutenberg.
[Feature Group] Editor Experience
Features related to Gutenberg integration on WordPress.com.
[Platform] Atomic
[Platform] Simple
[Pri] Low
[Product] WordPress.com
All features accessible on and related to WordPress.com.
[Status] Core Fix Needed
A fix within the Core WordPress or Gutenberg project is required to resolve this issue.
Triaged
To be used when issues have been triaged.
[Type] Bug
User Report
This issue was created following a WordPress customer report
Quick summary
Tested on a few different block themes, both in the page editor and site/template editor. Depending on the theme, images that are resized and set to
align center
inside a column (Columns or Layout Grid) display differently in both the editor and the live site.Initial report: 6669310-zd-a8c
Steps to reproduce
In all cases, the image should be resized down and set to
align center
.What you expected to happen
Images in columns set to
align center
should be centered both in the editor and on the live site.What actually happened
On Twenty Twenty-Three, an image in a Layout Grid only displays centered if contained in a Group (editor and live site):
On Meraki, the images in any column never appear centered in the editor, but always appear centered on the live site:
Background colors are for illustration purposes only; there's no change if the columns have no background colors set. Replicated similar behavior on other themes (e.g. Antonia behaves the same as Meraki).
Impact
Some (< 50%)
Available workarounds?
No but the platform is still usable
Platform (Simple and/or Atomic)
Simple, Atomic
Logs or notes
Might be related to WordPress/gutenberg#49542, but I'm not certain on that.
The text was updated successfully, but these errors were encountered: