Droit Elementor Addons will help you to design testimonial sections for your website. The customization will help you to create visually stunning testimonials easily.
Video Instruction #
Using Testimonial #
To use the Testimonial tool and design your website creatively, follow the steps mentioned below.
Step 1 #
From the menu bar on the left-hand side, select the Testimonial widget. Drag and drop the widget on the area you want it to be.
Step 2 #
Navigate to the content section. From the content section, you can select from the three Design Formats. Pick the one you find suitable.
Step 3 #
In the Testimonial Content section, you can input the testimonial along with the name and designation of your client or user.
Step 4 #
If you want to add any shape image to design your testimonial, you can do it from here. You can upload different images and customize it more with offset modification.
Step 5 #
From the Testimonial Layout section, you can toggle between the different options and enable or disable different display options of the testimonial You can enable/disable options such as shape, image, name, designation and content.
Step 6 #
From the Slider Options, you can customize the autoplay, autoplay speed, infinite loop, slider space, slider item and MouseDrag options in your web page.
Step 7 #
In the Style section, you can customize the following elements: Name, Content, Designation, Quote/Shape Image.
You can modify name, CSS filter, typography and offset from this section to design the name, content, designation section properly.
Quote/Shape Image #
You can add Quote/Shape Image from here to the testimonial.
These are the features you can apply and create awesome testimonials for your website.
Step 8 #
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
- 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 widget look different.
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.
If you want to add any line, box, dots and other design variations as borders of the widget, you can do it from here. You can also customize the size and insert shadow effects if you want to.
This feature will allow you to fix the positioning of the widget. 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.
You can check the responsiveness of the widget if you toggle through the available options. However the change of the widget will be only visible on the live page or preview, not in the Elementor.
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.