Features Breakdown: Rich Accordion FAQ This section provides a highly customizable FAQ list that supports rich media (images) inside answers. It allows for a "Card-within-a-Section" look and offers deep design control over borders, gradients, and responsiveness.

1. Layout & Wrapper Control

• Container Width: Choose different wrapper strategies for Mobile and Desktop:

  • Standard: Use the Theme's default Page Width or Container.

  • Custom: Define a specific Max-Width (px) and Side Padding (px).

• Main Card Container: Toggle the "Show FAQ Card" option to wrap the entire list in a styled box with its own Background, Border, Corner Radius, and Inner Padding (Vertical/Horizontal).

• Section Spacing: Adjustable Top and Bottom padding.

2. Accordion Logic & Icons

• Interaction: Toggle "Allow only one item open" to automatically close other questions when a new one is clicked (accordion style vs. toggle style).

• Iconography: Select from 5 preset icons (Plus, Chevron, Caret, Arrow, Circle Plus) or upload a Custom SVG Path.

• Icon Styling: Adjust the Icon Color, Size (px), and Stroke Width.

3. Question Styling

• Backgrounds: Choose between a Solid Color or a Custom Gradient for the question bars.

• Borders: Toggle borders around questions with controls for Color, Thickness, and Corner Radius.

• Typography: Independent controls for Font Weight and Font Size (Desktop vs. Mobile).

4. Rich Media Answers

• Mixed Content: Blocks support both Rich Text (HTML allowed) and an Image/GIF.

• Media Sizing: Define a specific Max-Width (px) for the answer image, independently for Desktop and Mobile.

• Media Styling: Adjust the image Corner Radius and toggle a Border around the image.

5. Typography & Headings

• Header Block: Includes a Heading and Subheading with adjustable Alignment (Left/Center/Right).

• Font Source: Use the global Theme Font or force specific Custom Fonts for Headings and Body text.

• Responsive Sizing: Individual size sliders for Desktop vs. Mobile for the Heading, Subheading, Questions, and Answers.

6. Block Content

• Capacity: Supports up to 20 FAQ items.

• Anchors: Option to set a custom URL Anchor ID for deep linking to specific questions.