Make WordPress Core

Opened 21 months ago

Last modified 21 months ago

#56193 new defect (bug)

Twenty Twenty: font size issue in Post Title block

Reported by: kajalgohel's profile kajalgohel Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.9
Component: Bundled Theme Keywords: needs-patch
Focuses: ui, css Cc:

Description

In Twenty Twenty Theme, when we add Post Title block in editor side and change the heading level, we can see that the font size of heading level is not reflected in editor side. It is only reflected in front side.

Steps to replicate:
1: Activate the Twenty Twenty Theme
2: Add Post Title block
3: Choose heading level
4: View the page/post at editor side
5: Save page/post
6: View the page/post at front side

For better understanding I provide video attachment link.
Video link: https://share.cleanshot.com/yx5iwnPKbNDnqcSeCTex

Thanks

Change History (2)

#1 @kmadhak
21 months ago

Hello @kajalgohel,

Thanks for reporting this issue! As we can see that this issue is only visible with "None" alignment, it is working fine with "Full width" and "Wide width" alignment, for more detail I have attached a video link below.

Video Link: https://share.cleanshot.com/0tohEh0YIhunF9sIWZmW

Thank you.

#2 @sabernhardt
21 months ago

  • Version changed from 6.0 to 5.9

The .editor-styles-wrapper .wp-block-post-title selector used to fix the title in r52271 does not factor in the possibility that someone would insert a Post Title block in this theme and set it to a lower heading level.

If supporting this full site editing block in a non-block theme is important, I don't know whether specifying the level in .editor-styles-wrapper h1.wp-block-post-title or removing that selector would be better for these font styles. The centering could be worth keeping as it is.

(Setting Wide of Full width wraps the post title block in a .wp-block class, but the .wp-block class needs to be removed from heading selectors for proper styling in expected use cases—see #56194.)

Note: See TracTickets for help on using tickets.