All Collections
Website, Templates and Themes
General
Ways to Configure the Accordion Block
Ways to Configure the Accordion Block
Jamie Lubiner avatar
Written by Jamie Lubiner
Updated over a week ago

There are a number of ways that you are able to configure the Accordion block. Below you can find some examples of how that may look like. Each of these examples use the exact same text content.

Example 1

In this example the header text is left-aligned, the indicator button is an arrow on the right, and the first accordion item is visible by default.

Example 2

In this example the header text is center-aligned, the indicator button is a plus sign on the left, and all accordion items are visible by default. There is also more space configured between items.

Example 3

Here, the header text is center-aligned, the indicator button is an arrow on the left, and only one accordion item is hidden by default. There are also different colours selected for the visible and hidden accordion items, a slight border and more space configured between items.
โ€‹

Did this answer your question?