FAQ Pro

Create compelling and highly customizable FAQ sections for your website.

Using FAQ Pro

Make sure you have the FAQ Pro widget enabled from your Dashboard > Droit Addons > Elements.  

Step 1: Let’s start by searching FAQ Pro from the left-hand side menu, and dragging the widget to your preferred section.

Step 2: Start by adding a title, subtitle and a short description to your FAQ Pro section.

Step 3: To add content into your FAQ section simply click on the section itself and a menu will appear on the left hand side. 

Start by adding your title (Question) from here. 

Step 4: 

Insert your answer to the question from the content option.

Step 5: 

Now do the same for as many questions and answer you need to add to your FAQ section by duplicating any current column or add a new column and copy paste the layout to start working on a new question/answer.

Step 6: 

From the style section you can add color, background, typography, padding, margin to your title, subtile, and FAQ section itself. 

Step 7: 

If you want to add some custom effects and style to your FAQ section, head over to the Advanced tab.

            Advanced Options

In the advanced section of the widget, you will have the flexibility to add margin and padding to the widget. You can also modify the Z-index to customize the widget more.

You will also get the chance to edit and customize the following options: 

• Motion Effects
• Responsive 
• Attributes 
• Custom CSS

Responsive

You can check the responsiveness of the table if you toggle through the available options. However the change of the table will be only visible on the live page or preview, not in the Elementor.

Attributes

With Attributes you can add custom HTML attributes to any elements. However, this feature is only available with the pro version of the Droit Elementor Addons.

Custom CSS

Custom CSS lets you add CSS code to any widget, and see it render live right in the editor. However, this feature is only available with the pro version of the Droit Elementor Addons.

Live Copy & Paste

You can follow all the steps above and create your FAQ section, or if you’re interested in skipping some steps, you can visit FAQ Pro widget’s live demo page and simply copy one of two preset styles from the Live Copy button. And paste it in your preferred section.