How to use divi faq module on a theme Divi or theme Extra page

The FAQ Manager For Divi, Gutenberg Block & Shortcode plugin adds a divi module for faq list to the Divi & Extra Theme’s frontend buider.

It’s built on top of the FAQ Manager For Divi, Gutenberg Block & Shortcode WordPress plugin.

The Divi FAQ Module provides the following

• Full visual builder support for faq the module in Divi or Extra theme
• Filter FAQs by categories and/or include/exclude specific FAQs by their IDs
• Setup FAQ items open/close behavior
• Style, orient and color the icons
• FAQ list wrapper styling settings
• FAQ item wrapper styling settings
• FAQ Question styling settings
• FAQ Answer styling settings

Pre-requisites

1. A WordPress website
2. FAQ Manager For Divi, Gutenberg Block & Shortcode plugin

Tools

1. Computer
2. Text editor

Total Duration : 5 minutes

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Filtering Options - Fetch Only The Needed FAQs

1. Filter By Category ON/OFF toggle. Set ON to fetch FAQs from the provided category IDs.
2. Group By Category: This setting only shows when Filter By Category is ON. It's an ON/OFF toggle. Set ON to display FAQs by category group. Set OFF to display FAQs in a single list.
3. Categories: This setting only shows when Filter By Category is ON. Provide a list of comma-separated category IDs of the FAQ groups to fetch.
4. Include Only FAQ items: Provide a list of comma-separated FAQ IDs of the FAQs you want to include. Its fetches these FAQs.
5. Exclude FAQ items: Provide a list of comma-separated FAQ IDs of the FAQs you want to exclude from the list.
6. Order FAQs By: Set the sort order of the FAQ's.
7. Order Direction: Set whether the sort to be Ascending or Descending

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Open/Close Behavior - Control How FAQs Open And Close

1. Expand FAQ's by default - ON/OFF toggle switch. Set ON to keep all the FAQs expanded as default. Set OFF to keep all FAQs shut by default
2. Number of faqs open at once - This setting shows when Expand FAQ's by default is set to ON. Selecting One, open one FAQ at a time. By selecting Many, any number FAQ can open at once.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Icon - Select, Orient & Style Icons

1. Icon Placement : Supports 3 values - left, right, none

   • Select left to place the icon to the left
   • Select right to place the icon to the right
   • Select none to hide the icon
2. Color when close : Shows up when Icon Placement is left or right. Select the color of the icon, when the FAQ item is close/shut (answer is hidden)
3. Color when open : Shows up when Icon Placement is left or right. Select the color of the icon, when the FAQ item is expanded (answer is visible)

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Category Title - Set Spacing & Typography Styles

1. Margin - Set the margin.
2. Padding - Set the padding.
3. Category Title Heading Level - Select the html tag. Values are h1, h2, h3, h4, h5, h6
4. Category Title Font - Select the font
5. Category Title Font Weight - Select font weight.
6. Category Title Font Style - Select styles for

   • Italic
   • Uppercase
   • Title case
   • Underline
   • Strike Through
7. Category Title Text Alignment - Set text alignment. It can be left, right or center
8. Category Title Text Color - Set the color
9. Category Title Text Size- Set the text size
10. Category Title Letter Spacing - Set the letter spacing
11. Category Title Line Height - Set the line height

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

FAQ List Wrapper - Container Of A FAQ items List

1. Margin - Set the margin.
2. Padding - Set the padding.
3. Border Top - Set the border top width.
4. Border Right - Set the border right width.
5. Border Bottom - Set the border bottom width.
6. Border Left - Set the border left width.
7. Border Color - Set the border color.
8. Border Style - Set the border style.
   Note: A module showing FAQ's grouped by categories, will have multiple FAQ List Wrapper

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

FAQ Item Wrapper - Container For Single FAQ Item

1. Margin - Set the margin.
2. Padding - Set the padding.
3. Border Top - Set the border top width.
4. Border Right - Set the border right width.
5. Border Bottom - Set the border bottom width.
6. Border Left - Set the border left width.
7. Border Color - Set the border color.
8. Border Style - Set the border style.
9. Box Shadow - Set the box shadow style.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Question - Style the FAQ Question

1. Margin - Set the margin.
2. Padding - Set the padding.
3. Border Top - Set the border top width.
4. Border Right - Set the border right width.
5. Border Bottom - Set the border bottom width.
6. Border Left - Set the border left width.
7. Border Color - Set the border color.
8. Border Style - Set the border style.
9. Text Color - FAQ Open - The text color of the question when FAQ is open.
10. FAQ Question Title Font - Select the font
11. FAQ Question Title Font Weight - Select font weight.
12. FAQ Question Title Font Style - Select styles for

    • Italic
    • Uppercase
    • Title case
    • Underline
    • Strike Through
13. FAQ Question Title Text Alignment - Set text alignment. It can be left, right or center
14. Text Color - FAQ Close - The text color of the question when FAQ is closed.
15. FAQ Question Title Text Color - Set the color
16. FAQ Question Title Text Size- Set the text size
17. FAQ Question Title Letter Spacing - Set the letter spacing
18. FAQ Question Title Letter Spacing - Set the letter spacing
19. FAQ Question Title Text Shadow - Set the text shadow

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Answer - Style the FAQ Answer

1. Margin - Set the margin.
2. Padding - Set the padding.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.