[wp-trac] [WordPress Trac] #56220: Twenty Nineteen: Centered H2 headings on full-width Cover blocks are not correctly centered

[WordPress Trac]

#56220: Twenty Nineteen: Centered H2 headings on full-width Cover blocks are not
correctly centered
---------------------------+-----------------------------
 Reporter:  zoonini        |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 When H2 headings are added to a full-width Cover block and centered in the
 block editor, they do not appear visually centered on screen.

 This does not affect other heading sizes, only H2.


 == Steps to reproduce

 - Add a Cover block to a page and set the block to Full width
 - Add an H2 Heading block on top of the Cover block
 - Set the H2 Heading to center alignment
 - Add other elements like an H1 heading or paragraph and center those as
 well
 - View published page

 == What you expected to happen

 All centered elements should be centered horizontally.

 == What actually happened

 Only the H2 headings are not correctly centered; they are displayed too
 far to the left.

 Other elements are correctly centered.

 == Workaround


 This custom CSS may be used as a workaround:


 {{{
 @media only screen and (min-width: 1168px) {
   .entry .entry-content .wp-block-cover.alignfull h2 {
      max-width: unset;
   }
 }
 }}}


 == Specs

 Replicated with Twenty Nineteen 2.3
 WordPress 6.0.1
 Gutenberg 13.6.0 active or inactive
 No other plugins active
 Firefox 102.0.1 / Chrome 103.0.5060.114 / Safari 15.3
 MacOS 12.2.1
 Browser size: 1008 x 499

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/56220>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform