Skip to main content

Group

Group blocks are used to create nested collections of blocks; they may also be given a background colour, allowing you to break up the appearance of a page. 

Blocks may be moved within a group, or the block may be moved on the page, which will update move its contents too. 

Adjusting a Group will adjust the blocks within it as well, e.g. reducing the width of the Group will make the blocks within it smaller, or changing the background colour of the Group will override the background colour of blocks within it. 

To add a block to a Group, simply drag and drop it over the Group. 

Appearance

image.png

 

Editing the Block

Settings

FieldPurpose
Block Width

Choose from:

 

  • 25%
  • 33%
  • 50%
  • 66%
  • 75%
  • 100%
  • Full Width (set to always be the full width of the user's device)
Visibility

Set the block visibility from the list:

 

  • Default (both)
  • Desktop Only
  • Mobile Only
  • Hidden (none)
Background ColourChoose a background colour for your image. Choose from recommended colours, or use a colour picker. 

Additional Options

FieldPurpose
Invert text colourToggle to invert the text colour
Content contained?Toggle to contain the Content - this will affect the maximum width available to the content in the Group

Advanced

Padding

Adding padding will insert space within the current block; this will adjust the position of content within the block.

More information is available here

Margin

The margin will add additional space around the current block. 

More information is available here