Section

The section you build yourself from blocks: headings, text, buttons, images, spacers, dividers and groups that nest into columns and cards. Four starting points in Add section.

In the editor

Section

In Add section

Empty section, Section, Columns, Call to action

Where it goes

Any page template, with Add section

In the presets

Every preset: Landing page

Settings

14

Theme blocks

Yes – Heading, Text, Button, Image, Group and more

App blocks

Yes

Starting points

In Add section, the same Section appears four times, set up differently:

Settings

• Width: Narrow, Page or Full width.
• Text alignment: the default for every block inside – each block can follow it or set its own.
• Space between blocks: 0–80 px.
• Minimum height with Vertical alignment: for a tall band with the content centered, at the top or at the bottom.
• Color scheme, spacing and the shared advanced settings.

Blocks

Heading, Text, Button, Image, Spacer, Divider and Group, plus app blocks. Groups hold blocks – including other groups – which is how columns and cards are made.

Recipes

Three cards in a row

1. Add a Group, set Layout to Row.
2. Inside it, add three Groups. In each, turn on Show background and set Padding to 24.
3. Add an Image, a Heading, a Text and a Button to each card.

A banner with a button row

1. Set Minimum height to 400 and Vertical alignment to Middle, with a bold color scheme.
2. Add a Heading (Extra large) and a Text.
3. Add a Button row (a Group set up as a row) with two buttons.

The page.landing template shows several sections built this way.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Related