Accordions

The accordions section allows you to create an expandable FAQ or content area, commonly used to organize questions and answers, policy info, or additional product/service details. This section is highly customizable in layout, style, spacing, and content types.

Section settings

Settings
Type
Description

Layout

Layout

select

Choose between One column or Two columns layout.

Show divider lines

checkbox

Adds dividing lines between accordion items (useful when background is transparent).

Border thickness

select

Choose line thickness: Normal or Bold.

Text

Subheading

text

Optional smaller heading above the main title.

Heading

text

Main section title.

FAQ heading style

select

Text style for the heading: Heading, Body, or Accent.

FAQ heading size

range

Adjust heading size from 100% to 200%.

Text

richtext

Add descriptive text below the title, such as an introduction.

Colors

Tabs

color

Background color for individual accordion tabs.

Background

color

Full background color for the section.

Overlay gradient

color_background

Apply a gradient overlay over the section background.

Text color

select

Choose Light or Dark text.

Border color

color

Color of the accordion item borders.

Section spacing

Width

select

Set section width: Full width padded, Page width, or Page width narrow.

Padding top

range

Top padding from 0 to 100px.

Padding bottom

range

Bottom padding from 0 to 100px.

Last updated