Working with Groups and Columns

Content Editing

Working with Groups and Columns

Groups and Columns allow you to create more complex layouts for your content.

Using the Group Block

The Group block acts as a container to bundle multiple blocks together:

  • Add a Group block from the inserter
  • Add blocks inside the group
  • Apply settings (like background color) to the entire group
  • Move all grouped blocks together as a single unit

Groups are useful when you want to:

  • Apply a background color to multiple blocks
  • Add a border around related content
  • Move multiple blocks simultaneously
  • Create reusable block templates

Working with Columns

The Columns block creates multi-column layouts:

  1. Add a Columns block from the inserter
  2. Choose the number of columns (or adjust after adding)
  3. Add blocks to each column
  4. Adjust column widths by dragging the dividers

Applying Style Variations

Both Groups and Columns blocks come with pre-designed style variations to enhance your layouts:

Available Style Variations:

  • Default – The standard appearance with no additional styling
  • Contrast – Adds a contrasting background for emphasis
  • Green Background – Applies a green background color

How to Select Style Variations:

  1. Select your Group or Columns block by clicking on it
  2. Look for the Inspector Panel on the right side of your screen
  3. In the Inspector Panel sidebar, locate the “Styles” section
  4. Click on your preferred style variation:
    • Default (no additional styling)
    • Contrast (contrasting background)
    • Green Background (green background color)
  5. The style will be applied immediately to your block

Note: If you don’t see the Inspector Panel, make sure you have selected the block first. The Styles section will only appear when a Group or Columns block is active.

Tips for Columns and Groups

  • You can nest columns inside groups and vice versa
  • Column layouts automatically adjust for mobile devices
  • Use the “Full width” alignment option for edge-to-edge designs
  • Consider saving frequently used layouts as reusable blocks