Opened 3 years ago
Last modified 3 years ago
#51933 new defect (bug)
Twenty Twelve: Specificity issues with heading font sizes & the block editor
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | 5.6 |
Component: | Bundled Theme | Keywords: | |
Focuses: | css | Cc: |
Description
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.
Attachments (1)
Change History (5)
#1
@
3 years ago
- Component changed from Themes to Bundled Theme
- Summary changed from Specificity issues with TwentyTwelve heading font sizes & the block editor to Twenty Twelve: Specificity issues with heading font sizes & the block editor
This ticket was mentioned in Slack in #core by lukecarbis. View the logs.
3 years ago
Note: See
TracTickets for help on using
tickets.
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.