Multicolumn

Multicolumn displays content columns with optional images, headings, text, and buttons.

Configure Multicolumn

1. Add Multicolumn.
2. Add a section heading and intro text.
3. Set text alignment.
4. Choose image ratio.
5. Set columns on desktop.
6. Add Column blocks.
7. Add image, heading, text, and button for each column.
8. Save.

Section Settings

• Heading: Section heading. Example: Services , Materials , Features , or How it works .
• Heading tag: Sets the HTML heading level.
• Intro text: Optional text below the heading. Use this to introduce the group of columns.
• Text alignment: Aligns the section and column text. Left alignment works well for longer copy; center alignment works well for short feature cards.
• Image ratio: Controls how column images are cropped. Use Square for uniform cards, Portrait for editorial imagery, or Adapt for mixed image shapes.
• Columns on desktop: Number of columns shown on desktop. Use fewer columns when the content is longer or images need more space.

Spacing is controlled using the shared padding settings. See Section Spacing and Padding.

Column Block

• Image: Optional image shown above the column content.
• Heading: Column title. Example: Design , Production , or Delivery .
• Heading tag: Sets the column heading level.
• Text: Column body text. Keep columns similar in length where possible.
• Button label: Optional button text.
• Button link: Optional button destination. The button should only be added when there is a clear next step.

Tips

• Keep columns similar in length for a balanced layout.
• Use three or four columns for feature grids.
• Use two columns for longer editorial copy.