The kit
Elements [30]
Fancy FAQ Accordion
Parent / child element
Fancy FAQ Accordion
An accordion of questions and rich-text answers in seven designs. Show it in one or two columns, pick the toggle icon, and choose which items are open when the page loads.
Designs
7 designs
Columns
1 or 2
Toggle icons
Plus / minus, chevron, arrow
Classic
Orders placed before 2 pm ship the same business day. Standard delivery takes 3–5 days, and express takes 1–2 days.
Yes, to over 60 countries. Duties and taxes are calculated at checkout, so there are no surprises on delivery.
You can return any unused item within 30 days of delivery for a full refund.
All major credit cards, PayPal, Apple Pay and Google Pay.
Minimal
Yes. Upgrade or downgrade at any time from your account, and we prorate the difference automatically.
Every plan starts with a 14-day free trial. No credit card is needed to sign up.
If the product is not right for you, ask within 30 days of payment for a full refund.
Data is encrypted in transit and at rest, backed up daily and hosted in EU data centres.
Bordered
Most business websites take six to ten weeks, from the first workshop to launch day.
Yes. We build on Avada with reusable sections, and train your team before launch.
We can. Copywriting is available as an add-on, or we can work with the text you already have.
You get 30 days of priority support, then you can move to a monthly care plan if you like.
Filled
Orders placed before 2 pm ship the same business day. Standard delivery takes 3–5 days, and express takes 1–2 days.
Yes, to over 60 countries. Duties and taxes are calculated at checkout, so there are no surprises on delivery.
You can return any unused item within 30 days of delivery for a full refund.
All major credit cards, PayPal, Apple Pay and Google Pay.
Shadow
Yes. Upgrade or downgrade at any time from your account, and we prorate the difference automatically.
Every plan starts with a 14-day free trial. No credit card is needed to sign up.
If the product is not right for you, ask within 30 days of payment for a full refund.
Data is encrypted in transit and at rest, backed up daily and hosted in EU data centres.
Side Line
Most business websites take six to ten weeks, from the first workshop to launch day.
Yes. We build on Avada with reusable sections, and train your team before launch.
We can. Copywriting is available as an add-on, or we can work with the text you already have.
You get 30 days of priority support, then you can move to a monthly care plan if you like.
Pill
Orders placed before 2 pm ship the same business day. Standard delivery takes 3–5 days, and express takes 1–2 days.
Yes, to over 60 countries. Duties and taxes are calculated at checkout, so there are no surprises on delivery.
You can return any unused item within 30 days of delivery for a full refund.
All major credit cards, PayPal, Apple Pay and Google Pay.
All seven designs share the same question and colour settings. Switch between them with the Design option.
Example of fancy FAQ accordion in two columns with chevron icons…
Yes. Upgrade or downgrade at any time from your account, and we prorate the difference automatically.
Every plan starts with a 14-day free trial. No credit card is needed to sign up.
If the product is not right for you, ask within 30 days of payment for a full refund.
Data is encrypted in transit and at rest, backed up daily and hosted in EU data centres.
Most business websites take six to ten weeks, from the first workshop to launch day.
Yes. We build on Avada with reusable sections, and train your team before launch.
Example of fancy FAQ accordion with a second item open by default and larger questions…
Most business websites take six to ten weeks, from the first workshop to launch day.
Yes. We build on Avada with reusable sections, and train your team before launch.
We can. Copywriting is available as an add-on, or we can work with the text you already have.
You get 30 days of priority support, then you can move to a monthly care plan if you like.
Example of fancy FAQ accordion with a dark header and no toggle icon…
Orders placed before 2 pm ship the same business day. Standard delivery takes 3–5 days, and express takes 1–2 days.
Yes, to over 60 countries. Duties and taxes are calculated at checkout, so there are no surprises on delivery.
You can return any unused item within 30 days of delivery for a full refund.
Use cases
Key features
What the element does, in plain terms. Every individual control is listed in the settings reference below.
Layout
Seven designs
Classic, Minimal, Bordered, Filled, Shadow, Side Line and Pill, each built from the same question settings.
One or two columns
Show the questions in a single column or split them across two. On small screens two columns stack into one.
Items
Questions and answers
Each item has a question and a rich-text answer that accepts formatting, links, lists, media and shortcodes.
Open by default
Open the first item automatically, or force any single item open when the page loads.
Behaviour
Toggle icons
Show a plus and minus, a chevron, an arrow or no icon on each question.
Accessible markup
Each question is a button with expanded state and a linked answer region, so keyboards and screen readers can use it.
Styling
Typography
Separate font settings for the questions and the answers.
Colour controls
Question, answer, accent, header background and border colours.
Settings reference
Every setting the element exposes, grouped by builder tab. Options are listed where the setting offers a fixed set of choices.
Structure General tab
Design
Classic · Minimal · Bordered · Filled · Shadow · Side Line · Pill
The visual style of the accordion. Default Classic.
FAQ Items
Child elements
Add, reorder, clone or remove questions. Each item has its own settings, listed below.
Columns
1 Column · 2 Columns
Shows the questions in one or two columns. Default 1 Column.
Icon Style
Plus / Minus · Chevron · Arrow · None
The icon shown on the toggle button. Default Plus / Minus.
First Item Open
Yes · No
Expands the first item when the page loads. Default No.
Element Visibility
Small · Medium · Large screen
Shows or hides the element on small, medium or large screens.
CSS Class
Adds a class to the wrapping HTML element.
CSS ID
Adds an ID to the wrapping HTML element.
Typography General tab
Question Typography
Font family, weight, size, line height, letter spacing
Font settings for the questions.
Answer Typography
Font family, weight, size, line height, letter spacing
Font settings for the answers.
FAQ Item Child element, one per question
Question
Text
The question shown on the toggle button.
Answer
Rich text
The answer, which accepts formatted text, links, lists and media.
Open by Default
Yes · No
Forces this item open when the page loads, whatever the parent setting. Default No.
Colours Design tab
Question Color
Colour. Default #1a1a1a
The text colour of the questions.
Answer Color
Colour. Default #555555
The text colour of the answers.
Accent Color
Colour. Default #65bc7b
The colour of the icon and the open-item highlight.
Header Background
Colour. Default #f7f7f7
The background of the question row in the Classic, Filled, Shadow and Pill designs. Not used by Minimal.
Border Color
Colour. Default #e0e0e0
The colour of the separator lines or item borders.
On this page