Accordions with images

This section works like a regular FAQ accordion but lets you add an image or icon to each item. Use it to create visual FAQs, policy guides, or support steps where a quick image cue helps readers.

View the Accordion section.

Section settings

Settings	Type	Description
Layout
Layout	select	Choose between a One column or Two columns layout.
Show divider lines	checkbox	Adds border lines between accordion items (helpful for transparent backgrounds).
Border thickness	select	Select either Normal or Bold border weight.
Text
Content alignment	select	Align text content: Center or Left.
Subheading	text	Optional subheading above the main section title.
Heading	text	Main heading of the section.
FAQ heading style	select	Choose text styling: Heading, Body, or Accent.
FAQ heading size	range	Scale heading size from 100% to 200%.
Text	richtext	Optional introductory or descriptive text under the heading.
Colors
Tabs	color	Background color of each accordion tab.
Color scheme	color_scheme	Applies a predefined theme color scheme to the section.
Border color	color	Customize the color of the accordion dividers.
Section spacing
Width	select	Adjust container width: Full width padded, Page width, or Page width narrow.
Padding top	range	Control top padding.
Padding bottom	range	Control bottom padding.