Twenty Twelve: Specificity issues with heading font sizes & the block editor

[mrfoxtalbot]

TwentyTwelve font sizes on headings only work if you add a specific number. Adding the "preset" sizes does not work due to the theme's styles being too specific:

.entry-content h2 {font-size: 18px;}

This seems to prevent the less specific heading font sizes styles (which only use one class) from working.

.has-huge-font-size {
    font-size: 42;
}

I have also noticed an error in the inspector, I am not sure why the "42" there has does not specify px, rem or something.

[lukecarbis]

I'm not getting the 42 font-size issue, but I can confirm that Heading blocks in Twenty Twelve don't respect the Typography > Font Size setting on the frontend (though they do in the editor). It seems like it is indeed overridden by the .entry-content h2 class.

[sabernhardt]

headings with and without preset sizes, using WordPress 6.5.2

[sabernhardt]

the same heading blocks in the iframe editor

[sabernhardt]

heading blocks in the non-framed editor

[sabernhardt]

This still happened with WordPress 5.8, but 5.9 fixed the issue (involving at least [52049]).

• Added !important to the size classes' value, so that overrides the specificity difference
• Replaced "Huge" font size with "Extra Large" (XL)