Sub Columns Widget

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

Add Sub Columns

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.

Click the Sub Columns label on the canvas to open

Columns & spacing directly. When you edit a widget inside a sub-column, the parent toolbar stays out of the way so the child controls remain easier to reach.

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.