Supported Versions
The details shared here apply to the most recent version of our Flex theme. To keep your theme up to date, check out this helpful document.
In This Article
The Flex theme's FAQ page template has been turned into a brand new homepage section in the 2.0.6 release of the theme. What theme version am I using?
The FAQ section displays 'Questions' and 'Answers' in an accordion format, with optional images and heading to accompany and organize the information. This section can be a great spot to add any commonly asked questions or important topics that you want your customers to read about on the homepage.
Additionally, you can configure width, spacing and animation settings for the FAQ section. Custom CSS can be included for further customization as well.
In order to set up the FAQ section, click into Customize (your Theme Editor) > Sections > Add Section > FAQ.
FAQ section settings
These settings let you configure the options available for the FAQ section:
Width
The width can either be set to standard or wide. Selecting 'wide' will spread out the section full-width of the screen. Selecting 'standard' will keep the section in a container and not spread the full-width.
Top spacing/Bottom spacing
You can choose to add space (padding) above and below the section by adjusting the top and bottom spacing settings.
Animation
The animation setting will determine how the section 'loads in' . The options for animation are: none, fade in, fade in down, fade in left, fade in right, slide in left, slide in right, and zoom.
Custom CSS
Custom CSS can get added to the FAQ section for further tweaking. You can even create your own CSS class in here as well! Check out this article for more information: Flex Guide: Custom CSS Feature
Accordion icon
The accordion icons can either be a plus/minus or a carets (which looks like a down arrow). You can choose the accordion icon type by going into Theme settings > Elements > Accordion icon type.
The color for the accordion icons is determined by your text link color setting. This can be configured by going into Theme settings > Colors > Text > Links.
Adding FAQs
In order to add the actual FAQs to this section, within the Section settings, scroll down to Content > Add Content. Here, you can select Frequently Asked Question.
If you'd like to organize the FAQs by topic or section, you can add in a heading which will group the FAQs.
One image can be added in the FAQ section. It will display to the right of the written content.
Mobile layout
When viewed on a mobile device, the FAQs will resize to fit the screen size and all of the content will stack vertically. If you have an image added, it will appear at the bottom.
