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.
Related Help Docs
Updated Jun 1, 2026
Was this helpful?