Skip to content

individual column background colours do not fill the entire column #19295

@BinaryMoon

Description

@BinaryMoon

If I add a background colour to a column in the column block then I expect the colour to fill the entire column, but it does not.

For example I want to reproduce this:
medium

So; I add 2 columns. In the first column, I put a header, a title, and then another column block. In the second column I put an image, set the background colour to grey, and set the vertical alignment to center.

This is a screenshot of what I have done in the editor. Note that it works as I expect here:
Screenshot 2019-12-22 at 20 15 58

You can see an example of the problem here (with a slightly different layout):
https://demo.prothemedesign.com/wordpress/gutenberg/2019/12/20/column-background-bug/

In a previous post someone said that they don't think the entire column should change background colour. I disagree.

  1. If I set the background colour for a column to a something else, then (in my mind) it's logical that the entire column would change colour.
  2. In the editor the entire background changes as I would expect (seen in the screenshot above), but on the frontend the layout does not match.
  3. As a designer having the entire background of the change column change colour is more useful than adding a small background around a piece of content.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions