Skip to content

[Quote, Pullquote Blocks] Allow theme.json customizations of the citation fields #35735

@kjellr

Description

@kjellr

Currently, theme.json does not let you style the citation field for the Quote and Pullquote blocks.

It should be possible to (for example), set a font size for the main quote, and set a specific font size for the citation as well. Or to use different fonts for each. Here's some pseudocode for example:

"core/pullquote": {
	"typography": {
		"fontFamily": "var(--wp--preset--font-family--source-serif-pro)",
		"fontSize": "var(--wp--preset--font-size--huge)",
		"fontWeight": "300"
	},
	"citation": {
		"typography": {
			"fontFamily": "var(--wp--preset--font-family--system)",
			"fontSize": "var(--wp--preset--font-size--small)",
			"fontStyle": "italic"
		}
	}
}

Here's an example of what we'd like to achieve for the pullquote block in Twenty Twenty-Two, but cannot at the moment:

Screen Shot 2021-10-18 at 10 57 03 AM

The main issue in that specific case is that I cannot use one font for the quote, and another font for the citation.

Metadata

Metadata

Assignees

Labels

Global StylesAnything related to the broader Global Styles efforts, including Styles Engine and theme.json[Block] PullquoteAffects the Pullquote Block[Block] QuoteAffects the Quote Block[Feature] ThemesQuestions or issues with incorporating or styling blocks in a theme.[Type] EnhancementA suggestion for improvement.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions