AllDesignWidgetsSub Columns Widget

Sub Columns Widget

Split sections into adjustable sub-columns.

Use Sub Columns to split a section into multiple adjustable columns.

Add Sub Columns

1

Open the widget picker

In the page editor, open Widgets.

2

Drag Sub Columns

In Layout, drag Sub Columns (columns icon) onto the page.

3

Place content

Drag widgets into each column.

Columns and spacing

Use the toolbar popover labeled Columns & spacing to set:

  • Column count (1 to 6)
  • Spacing between columns

You can also resize columns by dragging the divider between columns.

Column background effects

Open a column's settings to refine the column background without changing the widgets inside it.

  • Use Side Curve to curve the left or right edge of the column background. Adjust the desktop depth, set a separate mobile depth, choose the mobile edge, and decide whether the curve appears on desktop only or all screen sizes.
  • Use Preset masks for blob, circle, squircle, and brush-style shapes.
  • Use Mask Fit to keep the full shape visible, fill the column, or anchor the mask to an edge such as top, bottom, left, or right.
  • Use background image frame controls when a column image needs more precise positioning than a simple cover/contain fit.
  • Side curves, preset masks, and blob effects are exclusive, so turning one on clears conflicting effects.

Toolbar actions

  • Columns & spacing
  • Copy
  • Delete
  • Drag Sub Columns

When adjusting column stacking on smaller screens, follow Responsive Design.

Updated Jun 1, 2026

Was this helpful?