Custom section lets you build layouts using a grid made of Rows and Columns. You create a Row first, add Columns inside it to control widths, then drop content into each Column. This allows you to mix different blocks (Heading, Text, Image, Button, Countdown, etc.) to create flexible layouts.
Add Custom section to your page.
Add a Row (Row 12 columns or Row 10 columns).
Inside the Row, add Columns (2–4 columns depending on your layout).
In each Column, set the Width to define the column ratio.
Add content blocks into each Column.
2 equal columns: 6/12 + 6/12
2 uneven columns: 8/12 + 4/12 or 7/12 + 5/12
3 equal columns: 4/12 + 4/12 + 4/12
4 equal columns: 3/12 + 3/12 + 3/12 + 3/12
Tip: The total column widths in one Row should add up to 12/12 for a balanced layout.
Width: the column width inside the Row (x/12 or x/10).
Content alignment: align content left/center/right inside the column.
Top/Bottom padding: add spacing inside the column.
Custom color scheme: apply a different color/background style to this column.
Custom content width: limit the content width for cleaner readability.
Image / Mobile image: set a background image for desktop/mobile.
Image overlay opacity: add an overlay so text stays readable on the image.
Corner radius: round the corners to create a “card” look.
Inside each Column, blocks are stacked vertically.
If you want content side by side, use multiple Columns within the same Row.