Accordions
Last updated
Last updated
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.
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.