Skip to content

Consider overlap tool for text and images #40762

@beafialho

Description

@beafialho

What problem does this address?

Overlapping elements is an interesting and recurring design choice that adds an extra layer of refinement not only to theme designs and patterns, but it is also used across many websites. I believe that currently there isn't such feature in Gutenberg, unless we use custom code or plugins.

What is your proposed solution?

It would be great if there was an "overlap" option we could set to blocks such as Images, Post Featured Image, Galleries, Cover and Query Blocks.

The Twenty Twenty One default theme actually included the option that I have in mind to its patterns:

Captura de ecrã 2022-05-02, às 16 19 31

Here are a few ideas we've tried while iterating and found this could be a really useful tool:

Captura de ecrã 2022-05-02, às 15 26 49

Captura de ecrã 2022-05-02, às 15 27 03

Captura de ecrã 2022-05-02, às 15 27 28

Captura de ecrã 2022-05-02, às 15 28 21

Captura de ecrã 2022-05-02, às 15 55 19

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs Design FeedbackNeeds general design feedback.[Block] CoverAffects the Cover Block - used to display content laid over a background image[Block] GalleryAffects the Gallery Block - used to display groups of images[Block] ImageAffects the Image Block[Block] Post Featured ImageAffects the Post Featured Image Block[Block] Query LoopAffects the Query Loop Block[Feature] ThemesQuestions or issues with incorporating or styling blocks in a theme.[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