Skip to content

Accordion block

Your theme

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:

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.