Collapsible rows that show one answer at a time, built from your own text, images and buttons.
Where to find it: open any section sidebar that accepts theme blocks, choose Add block, then pick Accordion.
The same block in the three themes:
Picante styleOverdrive stylePastille style When you add this section, it starts from the Accordion preset.
| Setting |
Type |
Default |
Options |
Notes |
| Open one row at a time |
Checkbox |
Off |
|
Opening a row closes the others. |
| Style |
Select |
Divider lines |
Divider lines, Boxes |
|
| Gap |
Slider |
12 px |
0 to 40 px, step 2 |
Shown when Style is Boxes. |
| Icon |
Select |
Plus and minus |
Plus and minus, Chevron |
|
| Setting |
Type |
Default |
Options |
Notes |
| Row heading style |
Select |
Heading 5 |
Body, Intro text, Heading 6, Heading 5, Heading 4, Heading 3, Heading 2 |
|
| Text color |
Select |
Color scheme text |
Color scheme text, Custom |
|
| Custom text color |
Color |
|
|
Shown when Text color is Custom. |
| Setting |
Type |
Default |
Options |
Notes |
| Width |
Select |
Fill |
Fit content, Fill, Custom |
|
| Custom width |
Slider |
50 % |
10 to 100 %, step 5 |
Shown when Width is Custom. |
| Max width |
Select |
None |
None, Narrow, Normal, Wide |
|
| Setting |
Type |
Default |
Options |
Notes |
| Inherit color scheme |
Checkbox |
On |
|
|
| Color scheme |
Color scheme |
Scheme 1 |
|
Shown when Inherit color scheme is off. |
| Corner radius |
Slider |
0 px |
0 to 80 px, step 2 |
|
| Border |
Select |
None |
None, Solid, Dashed |
|
| Border thickness |
Slider |
2 px |
1 to 8 px, step 1 |
Shown when Border is not None. |
| Setting |
Type |
Default |
Options |
Notes |
| Customize padding |
Checkbox |
Off |
|
Padding settings stay visible while any side has padding. Set a side to 0px to remove its padding. |
| Top padding |
Slider |
0 px |
0 to 100 px, step 2 |
Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on. |
| Bottom padding |
Slider |
0 px |
0 to 100 px, step 2 |
Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on. |
| Left padding |
Slider |
0 px |
0 to 100 px, step 2 |
Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on. |
| Right padding |
Slider |
0 px |
0 to 100 px, step 2 |
Shown when Customize padding is on or Top padding is on or Bottom padding is on or Left padding is on or Right padding is on. |
| Setting |
Type |
Default |
Options |
Notes |
| Animation on scroll |
Select |
Theme default |
Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |
|
This block can hold other theme blocks. Add them from the block’s own sidebar entry.