Make WordPress Core

Opened 6 months ago

Last modified 4 weeks ago

#60012 new defect (bug)

Twenty Sixteen: Pullquote block Appearance setting is not working properly

Reported by: ashikur698's profile ashikur698 Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-patch
Focuses: Cc:

Description

The appearance of PullQuote blocks is not working correctly in Twenty-Sixteen. Though there are many options like semi-bold, medium, italic, etc. it seems only two things get applied no matter what I choose. It's either normal, bold or extra bold. And the extra bold is just as same as Black. No changes with any kind of italic.

Steps to reproduce the issue:-

  1. Activate Twenty Sixteen theme.
  2. Choose Pullquote block.
  3. Write something in Citation
  4. Change the appearance


To understand properly, here's the video: https://monosnap.com/file/kMF24nu84Y0Uj17dSOl11XSbNCslpy

Change History (4)

#1 @ashikur698
6 months ago

  • Keywords needs-patch 2nd-opinion added

#2 @sabernhardt
5 months ago

  • Component changed from General to Bundled Theme
  • Summary changed from Twenty Sixteen : PullQuote block Appereance is not working properly to Twenty Sixteen: Pullquote block Appearance setting is not working properly

Twenty Sixteen has three weights for Merriweather:

  • Regular 400
  • Bold 700
  • Black 900

Merriweather also has the Light 300 weight available, though I would rather not bundle that set of font files too in an effort to support only one more weight option in a block's Appearance settings. It still would not be accurate for 100, 200, 500, 600 or 800.

Twenty Sixteen has had rather opinionated italic choices in the Pullquote block and with blockquote elements before the block editor was publicly available. People who do not like that styling could have added custom CSS or chosen a different theme by now.

Someone who chooses an Italic option when the default is italic likely would want the citation italicized too. However, selecting one of the normal Appearance options would not always mean that the user wants both the paragraph and the citation to have the normal font-style.

This could italicize the citation:

.wp-block-pullquote[style*="font-style:italic"] cite {
  font-style: italic;
}

#3 @karmatosed
6 weeks ago

  • Keywords 2nd-opinion removed

#4 @karmatosed
4 weeks ago

  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.