Collapsible content

Section overview

The Collapsible content section displays collapsible content panels that can be expanded and collapsed by users, useful for organizing information in a space-efficient manner.

Common Use Cases

• FAQ (Frequently Asked Questions) sections

• Product specifications and details

• Shipping and return policy information

• Step-by-step instructions or processes

Usage Tips

• Keep accordion headings clear and concise to help users find information quickly

• Consider opening the first accordion by default to indicate interactivity

• Avoid nesting too much content within each accordion to prevent overwhelming users

• On mobile, accordions automatically stack vertically for better responsiveness

Section Settings

Setting	Description
Heading	The main title for the section
Content	Additional text content to display at the top of the section
Button label	Text to display on the optional button
Button url	URL for the optional button
Top spacing	Controls the padding above the section (0-300px)
Bottom spacing	Controls the padding below the section (0-300px)
Color scheme	Background color theme for the section
Custom color	Custom background color (when "Custom" is selected as color scheme)
Text color	Overrides the default text color based on background
Border color	Color for section borders
Button color	Style and color for the section's button
Enable color fade	Enables background color transition effect on scroll
Title font	Font family for the section title
Border position	Controls where borders appear around the section
X alignment	Horizontal alignment of section content
Enable margin	Adds horizontal margin to the section
Enable split	Splits content into two columns
Enable split heading	Places heading in its own column when split layout is enabled
Visibility	Controls device visibility (all, mobile only, desktop only)

Block Settings

Content

This block type allows you to add accordion panels with headings and content. Each panel can be collapsed or expanded by users.

Block limit: 50

Setting	Description
Heading	The title text for the accordion panel
Content	The content that appears when the accordion is expanded
Icon	Optional icon to display beside the heading
Color scheme	Controls the appearance and style of the accordion button
Use open accordion	When enabled, the accordion panel will be open by default