Structure Groups

What is it?

This page includes the following blocks:
Columns, grid, group, row, stack

The Columns Block allows you to insert text, media, and other types of content into columns – limit 6.

The Group block allows you to group different blocks together and customize them to your liking, including setting custom background colors, spacing, and more.

Grid block is one of the container blocks that can be used to organize multiple blocks and adjust the height, width, and position of all blocks inside the container.

Use the Row block to arrange blocks horizontally.

Stack block is one of the container blocks that can be used to nest other blocks vertically.

Example variations below

Functionality

For Styling you can:

Add a background image, video, or background colour.
Style text, adjust alignments, spacing and container widths.

For Content population you can:

Add any core WordPress blocks inside of the Columns, grid, group, row and stack blocks.

Columns Block Demo

The columns block can either be one column like this with any core wordpress blocks inside

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nec elit quis dapibus. Sed pretium mi id arcu laoreet, eget placerat justo dignissim. Proin suscipit vulputate sem, a facilisis lectus lacinia id.

Example columns block with two columns

Example columns block with three columns

Example columns block with four columns

Example columns block with four columns

Example columns block with four columns

Example columns block with four columns

The columns block can also have an uneven split like this and can have different content in each column

The columns block can also to have accordions beside images.

Grid Block Demo

Grid title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nec elit quis dapibus. Sed pretium mi id arcu laoreet, eget placerat justo dignissim.

Grid title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nec elit quis dapibus. Sed pretium mi id arcu laoreet, eget placerat justo dignissim.

Grid title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nec elit quis dapibus. Sed pretium mi id arcu laoreet, eget placerat justo dignissim.

Group Block Demo

Full width Group Block

A group block can contain any block, including more group blocks.

Wide width Group Block

A group block can contain any block, including more group blocks.

Group Block

A group block can contain any block, including more group blocks.

Full width Group Block with paragraph text, a cover block, columns block, image and accordion inside of it.

A group block can contain any block, including more group blocks.

cover block inside of group

column 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nec elit quis dapibus.

Structure Groups

What is it?

Example variations below

Functionality

For Styling you can:

For Content population you can:

Columns Block Demo

The columns block can either be one column like this with any core wordpress blocks inside

Example columns block with two columns

Example columns block with two columns

Example columns block with three columns

Example columns block with three columns

Example columns block with three columns

Example columns block with four columns

Example columns block with four columns

Example columns block with four columns

Example columns block with four columns

The columns block can also have an uneven split like this and can have different content in each column

The columns block can also to have accordions beside images.

Grid Block Demo

Grid title

Grid title

Grid title

Group Block Demo

Full width Group Block

Wide width Group Block

Group Block

Full width Group Block with paragraph text, a cover block, columns block, image and accordion inside of it.

column 1

Row Block Demo

Rows work similar to columns

Example title

Stack Block Demo

Stack title.

Back to the full Blocks List Page

Structure Groups

What is it?

Example variations below

Functionality

For Styling you can:

For Content population you can:

Columns Block Demo

The columns block can either be one column like this with any core wordpress blocks inside

Example columns block with two columns

Example columns block with two columns

Example columns block with three columns

Example columns block with three columns

Example columns block with three columns

Example columns block with four columns

Example columns block with four columns

Example columns block with four columns

Example columns block with four columns

The columns block can also have an uneven split like this and can have different content in each column

The columns block can also to have accordions beside images.

accordion row one

accordion row two

accordion row three

Grid Block Demo

Grid title

Grid title

Grid title

Group Block Demo

Full width Group Block

Wide width Group Block

Group Block

Full width Group Block with paragraph text, a cover block, columns block, image and accordion inside of it.

column 1

Accordion row

Accordion row

Row Block Demo

Rows work similar to columns

Example title

Stack Block Demo

Stack title.

Back to the full Blocks List Page