Make WordPress Core

Opened 3 years ago

Closed 3 years ago

#56803 closed defect (bug) (reported-upstream)

Twenty Twenty-Two: Image over Cover Block is not aligning center

Reported by: rmarks's profile RMarks Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Editor Keywords:
Focuses: Cc:

Description

I am having trouble getting an image which is layered on top of a cover block to be aligned center (horizontally) when the cover content is set to Center Center.

Here are the steps I followed:

  • Start with a fresh install of WordPress 6.0.2
  • Upload a cover image background
  • Upload an image to overlay the cover block.
  • Create a new page, add a Cover block, and choose the background image that was previously uploaded.
  • On the Cover Block, change the width to full width.
  • Add an image overlaying the Cover Block using the second image that was previously uploaded.
  • On the Image in the Cover Block, align center.
  • Publish page.

The image is aligned left within the cover block.

I tried using the cover block’s change content position option. The option Top Center correctly causes the image to be centered. You can review that version of the page here:
https://dev-rcm-wp-20221006.pantheonsite.io/cover-test-top-center/

Another interesting observation: I can set the image to align right successfully.

I cannot reproduce this on the Twenty Twenty-one theme.

Previously reported here: https://wordpress.org/support/topic/twenty-twenty-two-image-over-cover-block-is-not-aligning-center/

Change History (2)

#1 @RMarks
3 years ago

An issue in Gutenberg has been opened as this issue affects all block themes.

#2 @sabernhardt
3 years ago

  • Component changed from Bundled Theme to Editor
  • Milestone Awaiting Review deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed

Thanks for finding GB44810!

Note: See TracTickets for help on using tickets.