Collapsible content block
An expandable row with a heading and text, for short answers and helpful details. Add several blocks one under another to build an accordion. Each row has its own settings.
Row
| Setting | Description |
|---|---|
| Open row by default | Shows the row expanded when the page loads. Default: Off. |
| Background | Background of the row: Background or Secondary background. Default: Background. |
| Icon | Icon that shows the row can be expanded: Plus or Caret. Default: Plus. |
Number
| Setting | Description |
|---|---|
| Number | Optional number shown before the heading, for example (01). Leave empty to hide it. The settings below appear only when a number is entered. Default: (01). |
| Preset | Typography preset: H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Paragraph. |
| Font | Font family: Heading large, Heading small, Body or Accent. Default: Body. |
| Color | Text color: Heading, Text or Accent. Default: Heading. |
| Color hover | Text color when the pointer is over the row: Heading, Text or Accent. Default: Heading. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Default: Normal. |
Heading
| Setting | Description |
|---|---|
| Heading | Heading of the row, always visible. The settings below appear only when a heading is entered. Default: Helpful information. |
| Preset | Typography preset: H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Default: Large text. |
| Font | Font family: Heading large, Heading small, Body or Accent. Default: Accent. |
| Color | Text color: Heading, Text or Accent. Default: Heading. |
| Color hover | Text color when the pointer is over the row: Heading, Text or Accent. Default: Heading. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Default: Normal. |
The row icon uses the same preset, font and colors as the heading.
Content
| Setting | Description |
|---|---|
| Content | Text shown when the row is expanded. Supports rich text formatting. Default: This section contains short helpful text. Add a quick answer to a common question or a key detail. Keep it concise. |
| Color | Text color of the content: Heading, Text or Accent. Available only when content is entered. Default: Text. |
| Text style | Letter case of the content: Normal, Uppercase or Lowercase. Available only when content is entered. Default: Normal. |
Padding
| Setting | Description |
|---|---|
| Top, Bottom, Left, Right | Space around the row on desktop. Range: 0–100 px, step 1. Default: 0 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile | Space around the row on mobile. Range: 0–100 px, step 1. Default: 0 px. |