Skip to content

Cover Heading Colors Aren't Reflected on Front-End #56006

@MadtownLems

Description

@MadtownLems

Description

6.4 introduced Heading color options for container blocks, such as Cover Blocks and Group Blocks.
When used on a Cover block, these colors are reflected in the editor, but not on the front-end (tested in TT3, TT4, Frost, and our custom theme)

Step-by-step reproduction instructions

  1. Using 6.4.1 and Twenty Twenty-Three theme, create a new Page.
  2. Insert a Cover Block.
  3. Put a Heading Block inside the Cover Block.
  4. Set the Heading Color at the Cover Block level.
  5. Notice the heading color change in the Editor.
  6. Publish the Page and View it.
  7. Notice the heading color is not reflected on the front-end.

Screenshots, screen recording, code snippet

2023-11-09 11_20_37-Add New Post ‹ Latest Stable (Blank) — WordPress

2023-11-09 11_20_58-Container Color Test – Latest Stable (Blank)

Environment info

  • WP 6.4.1. Twenty Twenty-Three theme (also our custom one, tested separately). No Gutenberg plugin

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

Metadata

Metadata

Labels

CSS StylingRelated to editor and front end styles, CSS-specific issues.[Block] CoverAffects the Cover Block - used to display content laid over a background image[Block] HeadingAffects the Headings Block[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions