Skip to content

Group Block: Add text color to color settings #18530

@chriskirknielsen

Description

@chriskirknielsen

Hi there!

Let me preface this by saying that I started using the Group block recently and it makes my layouts a lot easier to manage.

Problem:
The ability to add a background colour is very useful, but having to target each individual child block of the group to set a text colour is frustrating (and when those blocks don't have that option, it makes things worse as I have to add classes onto them manually).

Moreover, if the group has a dark background color, the placeholder blocks are pretty much invisible, with text and (+) buttons (idle state) being black on dark:

Clip of a Gutenberg Group block with a dark background where a Paragraph block has black text, making it impossible to see what's displayed inside

Desired solution
I wish could define a top-level text color alongside the background color to have a cohesive context, and let my styles cascade that text colour into the child blocks.

Considered alternatives
For now I'm applying that colour override to all children blocks but it's a tedious task, especially if I have to edit them.

Please let me know if this is a duplicate, or if there is some setting I can leverage to improve my workflow. I am running the latest version of WordPress, 5.3.

Many thanks!

Best
Chris

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] GroupAffects the Group Block (and row, stack and grid variants)[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