Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Custom section. Availability follows the selected template and section group.
This section is not available in the Header group.
Set it up
- Add a Row, then add Column blocks inside the row. Place Heading, Text, Image, Button or other supported blocks inside each column.
- Set each column's desktop, tablet and mobile width. Adjust alignment and padding at the column level.
- Configure the row's desktop direction, spacing and wrapping. Use mobile direction and gap for the narrow-screen arrangement.
- Enable the row slideshow only when you want columns to form a navigable sequence; set its columns and accessibility label.
- In a row slideshow, selecting a Column or its nested content in the editor reveals the corresponding slide.
- Choose the section background and spacing, then check the whole composition with realistic content.
Main settings to review
| Setting | Choices or control |
|---|---|
| Section width | Page width · Full width · Custom width |
| Background image | Choose an image |
| Background size | Cover · Contain · Original size |
| Background behavior | Scroll with section · Fixed to viewport |
| Padding left/right | 0–80 px; step 4 |
Blocks and content
The following content blocks have their own setup and control reference. Nested blocks belong inside their parent, such as Slide, Tab, Tile or Story chapter.
Content and media
- The section background and a column background are separate layers. Use a wide image for a full-area background and an appropriately cropped image for a column.
- Cover fills an area and may crop; Contain can leave unused space. Preview the selected background size.
Check the mobile layout
- Configure both Row mobile direction and Column mobile width. A desktop row of several columns often needs full-width mobile columns or a deliberate slideshow.
Common questions and fixes
- Content is absent: add the missing Row → Column → content hierarchy.
- Columns overflow: review the sum of widths, gaps, wrapping and the slideshow setting.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (18)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 50–100 %; step 5 | Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Desktop spacing / Padding top | 0–200 px; step 4 | Default: 64. |
| Desktop spacing / Padding bottom | 0–200 px; step 4 | Default: 64. |
| Desktop spacing / Padding left/right | 0–160 px; step 4 | Default: 24. |
| Mobile spacing / Padding top | 0–120 px; step 4 | Default: 40. |
| Mobile spacing / Padding bottom | 0–120 px; step 4 | Default: 40. |
| Mobile spacing / Padding left/right | 0–80 px; step 4 | Default: 16. |
| Background / Background color | Choose a color | Default: #ffffff. |
| Background / Background color opacity | 0–100 %; step 5 | Default: 0. |
| Background / Background image | Choose an image | Default: Not set. |
| Background / Background position | Top left · Top center · Top right · Center left · Center · Center right · Bottom left · Bottom center · Bottom right | Default: Center. |
| Background / Background size | Cover · Contain · Original size | Default: Cover. |
| Background / Background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Advanced / Custom CSS class | Text | Default: Not set. Enter class names only, without a period. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |