Flash Sale:75% Off Hosting + Free DomainEnds in13h47m14sView Plans
Hostvento logoHostvento
Get Started

Use the Group Block in WordPress

This guide shows you how to put several blocks into one group, so you can style and move them together.

WordPress2 min read21 steps5 screenshots

What is a block?

The WordPress editor builds pages from blocks. Each paragraph, picture or button is a block. It is like building with Lego bricks. The Group block is a box that holds other bricks. You can then colour, move or resize the whole box in one go.

Why use a group?

  • Give a set of blocks one background colour.
  • Add space around them with padding.
  • Move or copy them as one unit.
  • Make a box that is narrower or wider than the page.

Make a group from blocks you already have

  1. Log in to your WordPress dashboard.
  2. Open a page or post with Pages or Posts.
  3. Click the first block you want to include.
    Screenshot: Click the first block you want to include.
  4. Hold the Shift key and click the last block. This selects all blocks in between.
  5. Click the small toolbar that appears above them.
  6. Click the first icon, which shows the block type.
  7. Choose Group.

Your blocks are now inside a Group.

Add a fresh Group block

  1. Click the plus button in the editor.
  2. Search for "Group".
  3. Click Group.
  4. Click the plus button inside the new box.
  5. Add blocks inside it, such as a heading, text and a button.
    Screenshot: Add blocks inside it, such as a heading, text and a button.

Change how the group looks

  1. Click the group. Click the outer edge, or use the List View button at the top.
  2. Open the settings panel on the right. Click the gear icon if it is hidden.
  3. Open Styles to pick colours. You can set a background and a text colour.
  4. Open Dimensions to change padding and margin. Padding is space inside the box. Margin is space outside it.
  5. Open Border to add a line or round corners.
  6. Click Update to save the page.

Some options differ by theme and WordPress version. If you do not see a panel, look in the other tabs.

Break a group apart

  1. Click the group.
  2. Click the three dots in its toolbar.
  3. Choose Ungroup.
Tip: Use Row to put blocks side by side. Use Stack to put them in a column. They are shortcuts that work like a Group with a layout.

Reuse a group

Click the three dots on the group and choose Create pattern (older versions say Add to Reusable blocks). Name it, and then you can add it to other pages.

Quick recap

  • A Group block is a box that holds other blocks.
    Screenshot: A Group block is a box that holds other blocks.
    Screenshot: A Group block is a box that holds other blocks.
    Screenshot: A Group block is a box that holds other blocks.
  • Select blocks, then choose Group.
  • Style the whole box in the right-hand panel.
  • Use Ungroup to undo it.