Make WordPress Core

Opened 13 months ago

Last modified 12 months ago

#45876 new defect (bug)

Twenty Nineteen: Dropcap appears higher than expected in Firefox

Reported by: kjellr Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.0.2
Component: Bundled Theme Keywords: needs-patch has-screenshots
Focuses: Cc:
PR Number:


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 (2)

#1 @joseph.dickson
13 months ago

@kjellr Thanks for migrating this request.

#2 @laurelfulford
12 months ago

  • Keywords has-screenshots added; needs-testing removed
  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.