Testimonial Pro

Create stylish client testimonial blocks and pages with this easy-to-use drag and drop widget from Droit Elementor Addons.

Using Testimonial Pro 

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

Step 1: 

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

Step 2: 

Now add content to your testimonial section. 

You can image, short description, title, name, Designation, company name, and rating from 0.1 to 5. 

Step 3: 

From the settings option create autoplay slider, click only slider or hide slider button all to gather, and you can add value to these options according to your preference. 

Step 4: 

Add rating to your testimonials from here. You can add 0-5/0-10 stars from here or remove stars all together. 

Step 5: 

Choose an icon from the library or upload your own icon/image.

Step 6: 

Reorder your testimonial content from here. 

Step 7: 

If you want to add some custom effects and style to your price table, 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
• Droit Effect
• CSS Transform 
• Background 
• Border 
• Positioning 
• Responsive 
• Attributes 
• Custom CSS

Motion Effects

From the Motion Effects option you can add different effects such as fading, zooming, bouncing, sliding, rotating, attention seeking motion, lightspeed and more effects to make your price table look attractive.

Droit Effect

From the Droit Effect option you can create custom floating effects with translate, Rotate, and Scale. 

CSS transform

The CSS transform option applies transformation to an element with rotate, scale, skew, translate. 

Background

If you want to customize the background with specific color, gradient or images, you can do that from the advanced settings as well. You can pick background type, color, gradient, gradient type and more.

Border

If you want to add any line, box, dots and other design variations as borders, you can do it from here. You can also customize the size and insert shadow if you want to.

Positioning

This feature will allow you to fix the positioning of the columns. From the width section you can select if the position will be full width, inline or customized. And you can set the position as absolute or fixed as well from these settings.

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 Testimonial Pro, or if you’re interested in skipping some steps, you can visit Testimonial Pro widget’s live demo page and simply copy one of four preset styles from the Live Copy button. And paste it in your preferred section.