Blocks

Blocks »Group Block

The group block is a block that groups other blocks together inside one container. Think of it as a “parent” block that can hold multiple “child” blocks within it.

Table of Contents

Inserting a Group Block

In order to add a group block, click on the block inserter icon to open the block library and select the group block:

Inserting a group block

For more, visit our detailed instructions on adding blocks.

After inserting a group block, a block inserter icon will be displayed to allow you to add new blocks inside that group block.

Click the + icon to add blocks inside of the group block

↑ Table of Contents ↑

After adding blocks inside a group block, the group block itself no longer shows. If you need to select the group block again to access its settings, you can use the Block Navigation at the top of the editor screen.

Use the Block Navigation to select the group block again

Blocks inside of a group block are marked together by a single bold line that runs along the left side of all the blocks within that group.

A single bold line unites the blocks inside of a group block

↑ Table of Contents ↑

Common Uses For the Group Block

The group block has many uses. One popular use is to group together a set of columns and add a background color to distinguish it visually.

Grouping together a column block with a background color

If you find yourself using the same set of blocks together quite frequently, you can group them together and save the group block as a reusable block. This lets you quickly and easily insert the same set of blocks again all at once, instead of adding each block one at a time.

Group multiple blocks together and reuse them later

↑ Table of Contents ↑

Block Toolbar

In order to reveal the block toolbar, you can click on the group block and the toolbar will display. Each block has its own block-specific controls that allow you to manipulate the block right in the editor. The group block offers the following options in its toolbar:

Group block toolbar

The icons on the group block toolbar, starting from the left, are:

  • Change alignment (wide and full-width options if supported by your theme)
  • More options

↑ Table of Contents ↑

Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ (⚙️)icon next to the Publish button.

The block settings can be found in the sidebar.

↑ Table of Contents ↑

Color Settings

A background color can be set on a group block, allowing you to call attention to important content.


↑ Table of Contents ↑

Grouping Existing Blocks

You can group existing blocks on your page or post.

First, select the block or blocks you wish to group. The block toolbar will appear. Click the … icon to bring up more options, and then select Group.

How to group existing blocks together

↑ Table of Contents ↑

Advanced

The HTML Anchor is a useful tool for creating page jumps.

HTML Anchor

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. Learn more.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Not quite what you're looking for?

Get Help