Skip to content

Typography Size and Duotone Filter Not Working in Gutenberg Cover Block #69822

@mdsaifullahnakih

Description

@mdsaifullahnakih

Description

The Typography size settings (S, M, L, XL, XXL) in the Cover block do not affect the text size as expected. Additionally, the Duotone filter does not apply correctly when selected, resulting in no visual changes or inconsistencies.

Expected Behavior
The text inside the Cover block should resize according to the selected typography settings.

The Duotone filter should properly apply to the image inside the Cover block.

Step-by-step reproduction instructions

Typography Issue:
Open a page or post in the WordPress block editor (Gutenberg).

Add a Cover block and insert an image or background color.

Add a text element (e.g., a Paragraph block) inside the Cover block.

Try changing the text size using the Typography settings (S, M, L, XL, XXL) from the sidebar.

Observe that the text size does not change despite selecting different sizes.

Duotone Issue:
Add an image inside the Cover block.

Go to the Filters section in the block settings sidebar.

Select any Duotone filter (e.g., black & white, sepia).

Observe that the filter does not apply or works inconsistently

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

Labels

[Block] CoverAffects the Cover Block - used to display content laid over a background image[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions