Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
MadtownLems opened this issue Nov 9, 2023 · 2 comments · Fixed by #56411
Closed

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

MadtownLems opened this issue Nov 9, 2023 · 2 comments · Fixed by #56411
Assignees
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Block] Heading Affects the Headings Block CSS Styling Related to editor and front end styles, CSS-specific issues. [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended

Comments

@MadtownLems
Copy link

MadtownLems commented Nov 9, 2023

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

@MadtownLems MadtownLems added the [Type] Bug An existing feature does not function as intended label Nov 9, 2023
@jordesign jordesign added Needs Testing Needs further testing to be confirmed. [Block] Cover Affects the Cover Block - used to display content laid over a background image [Block] Heading Affects the Headings Block [Block] Group Affects the Group Block labels Nov 9, 2023
@MadtownLems
Copy link
Author

MadtownLems commented Nov 20, 2023

Doing a little more research on this: It works for Group blocks, but not for Cover blocks.

I can't make it work for Cover blocks in any theme, including TT4 or Frost.

@MadtownLems MadtownLems changed the title Container (Cover, Group, etc) Heading Colors Aren't Reflected on Front-End Cover Heading Colors Aren't Reflected on Front-End Nov 20, 2023
@tellthemachines
Copy link
Contributor

I can reproduce this issue; it only happens in the Cover block because it is caused by the block styles overriding the generated element ones.

@tellthemachines tellthemachines added CSS Styling Related to editor and front end styles, CSS-specific issues. and removed Needs Testing Needs further testing to be confirmed. [Block] Group Affects the Group Block labels Nov 20, 2023
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Nov 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Cover Affects the Cover Block - used to display content laid over a background image [Block] Heading Affects the Headings Block CSS Styling Related to editor and front end styles, CSS-specific issues. [Status] In Progress Tracking issues with work in progress [Type] Bug An existing feature does not function as intended
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

3 participants