Section

A full-width band or a rounded box with its own background colour. Put any elements inside - columns too.

Using it well

Groups blocks with their own background colour or image, padding and alignment. On wide and full-width sites a section becomes a colour band across the screen. Give a section an anchor (for example contact) so a menu link or button can jump to it.

Shaped edges

Under Shaped edges you give the top and/or bottom of a section a wave, layered waves, a curve, a slant, a point or a zigzag instead of a straight line. Set the height (it gets smaller on phones) and mirror the shape if you like.

The shape is drawn in the colour next to the section: the page background by default. When two bands touch (turn on No gap above on the second one), pick the other band's colour for the edge between them, for example from your brand colours, and the wave flows from one band into the next.

A photo on one half

Under Split photo, pick a photo: it fills one half of the band (or 40% or 60%), from the edge of the screen to the middle and from the top of the band to the bottom, and everything you put in the section sits beside it. Choose the side, the width and the photo's focus, and describe the photo. On phones the photo goes over the full width, above the content or (with On phones, the photo comes: After the content) below it. Works best with Full screen width on.

Edge of the photo towards the content: straight, a Soft curve (a gentle arc), a Half circle (a bold round edge) or a Slant. On phones the shape moves to the edge where the photo meets the content.

Adding it

Open your site in the builder, choose Add in the left panel and pick Section (or search for it). Click the block in the preview to open its settings on the right.

Settings

Content

Split

Shape