Make WordPress Core

Opened 9 days ago

Last modified 9 days ago

#45876 new defect (bug)

Twenty Nineteen: Dropcap appears higher than expected in Firefox

Reported by: kjellr Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: needs-patch needs-testing
Focuses: Cc:


As noted by @josephdickson, Firefox renders the dropcap text roughly 0.2em higher than in Chromium:


@josephdickson proposed a possible solution:

With a little help from @electmikemann ( via Twitter) I found a solution that I'd like to propose for a future update.


The @-moz prefix targets Firefox and is ignored by other browsers. I've tested it via the Customizer's Additional CSS box. Anyone can do the same for a quick fix.

@-moz-document url-prefix() {
	.entry .entry-content .has-drop-cap:not(:focus)::first-letter {
  	margin-top: 0.2em;


This issue was migrated over from Twenty Nineteen's GitHub repository:


Change History (1)

#1 @joseph.dickson
9 days ago

@kjellr Thanks for migrating this request.

Note: See TracTickets for help on using tickets.