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 three columns
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 three columns
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 three columns
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 four columns
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 four columns
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 four columns
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 four columns
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.

The columns block can also have an uneven split like this and can have different content in each column
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.


The columns block can also to have accordions beside images.
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.
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.
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.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nec elit quis dapibus.
Row Block Demo
Rows work similar to columns
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 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. Proin suscipit vulputate sem, a facilisis lectus lacinia id.
Stack Block Demo
Stack 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. Proin suscipit vulputate sem, a facilisis lectus lacinia id.
