Make WordPress Core

Opened 4 months ago

Last modified 5 weeks ago

#58441 new defect (bug)

Twenty Nineteen: Image block align center is not centered on the page

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.0.3
Component: Bundled Theme Keywords: close
Focuses: css Cc:

Description

Steps to reproduce the issue :-

  1. Activate Twenty Nineteen theme.
  2. Take Image block.
  3. Upload Image.
  4. Give it width any except 100% to check the difference.
  5. Give it Alignment Center.

You can able to see both side if you make it align-left or align-right is working fine but when you make it align-center it is not center aligned proeprly.

I have attached the video for better understanding.
Video URL :- https://share.cleanshot.com/hvVMLHg00BlrnBTPGXDX

Attachments (2)

58441.patch (1.0 KB) - added by nkeller15 4 months ago.
CSS patch
Twenty-Nineteen-center-image-blocks.png (1.3 MB) - added by sabernhardt 4 months ago.

Download all attachments as: .zip

Change History (4)

@nkeller15
4 months ago

CSS patch

#1 @sabernhardt
4 months ago

  • Focuses css added
  • Keywords close added
  • Summary changed from Twenty Nineteen Image align center is not working proper. to Twenty Nineteen: Image block align center is not centered on the page
  • Version changed from 6.2.2 to 5.0.3

Thanks for the ticket and patch.

[44371] added that zero margin for centered image blocks. If I read #45716 correctly, this was intentional. The image is not centered according to the page width, but it centers within the content area.

#2 @sabernhardt
5 weeks ago

#59202 was marked as a duplicate.

Note: See TracTickets for help on using tickets.