Testimonials Element

Last Update: August 22, 2025

The Testimonials Element allows you to add beautifully styled testimonials anywhere to your site easily. Testimonials are the perfect way to show your potential clients the kind of work you can provide. Avada allows you to use testimonial sliders or individual testimonial boxes. Choose between two design styles, male, female, or custom icons, and also select the speed at which the slider rotates.

Watch the video below for a visual overview of the Element, view the Avada Testimonials Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

View Element Page!

View Live Example!

View Avada Builder Elements!

How To Use The Testimonials Element

The Avada Testimonials Element is a handy way of adding testimonials to your page content. There are both Parent Options, which affect the whole series of testimonials (if you have more than one), while you can also configure the individual testimonials. This Element has a range of options, starting with two designs. Once you have chosen your design, there is a range of General and Design options for you to configure.

Apart from the Parent Options, there are the Child Items. Click the pencil icon to edit the existing item, and the Child Item Options Panel appears. This is where you add the content for the individual testimonials. Here, you can add the person’s name, choose an avatar (including the option to upload your own image), the company name, a link to the company name, and the actual testimonial content.

You can then set up other testimonials, either by duplicating existing ones or creating new testimonials, by clicking on the Clone Item icon or the + Testimonials button, respectively. Read below for a description of all element options.

Parent Element Options

Note: The Default setting will use the global settings assigned for this element in your Options > Avada Builder Elements > Testimonials Elements section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General

Heading		Description
Design		Choose a design for the element.
Navigation Bullets		Select to show navigation bullets.
Testimonials Speed		Set the speed of the testimonial slider. ex: 1000 = 1 second. IMPORTANT: Setting speed to 0 will disable autoplay for testimonials slider.
Random Order		Turn on to display testimonials in a random order.
Margin		Enter values including any valid CSS unit, ex: 4%.
Element Visibility		Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS Class		Add a class to the wrapping HTML element.
CSS ID		Add an ID to the wrapping HTML element.

Design

Heading		Description
Testimonial Background Color		Controls the background color of the testimonial.
Testimonial Border Size		Controls the border size of the testimonial. In pixels.
Testimonial Border Style		Controls the border style of the testimonial.
Testimonial Border Color		Controls the border color of the testimonial.
Testimonial Border Radius		Enter values including any valid CSS unit, ex: 10px.
Testimonial Speech Bubble Style		Enable or disable the testimonial speech bubble triangle.
Testimonial Typography		Controls the testimonial text typography.
Testimonial Text Color		Controls the text color.
Name / Company Typography		Controls the name and company typography.
Name / Company Text Color		Controls the name / company text color.
Navigation Bullet Size		Controls the size of the navigation bullets. In pixels.
Navigation Bullet Color		Controls the color of the navigation bullets.

Child Element Options

Heading		Description
Name		Insert the name of the person.
Avatar		Choose which kind of Avatar to be displayed.
Custom Avatar		Upload a custom avatar image.
Avatar Position		Controls whether the Avatar will be shown above or below the testimonial content.
Avatar Size		Set the size of the testimonial avatar.
Avatar Border Radius		Choose the radius of the testimonial avatar. In pixels (px), ex: 1px, or "round".
Company		Insert the name of the company.
Link		Add the URL the company name will link to.
Link Target		Controls how the link will open.
Testimonial Content		Add the testimonial content.
Alignment		Controls the testimonial alignment.
Background Icon		Click an icon to select, click again to deselect.
Icon Alignment		Choose the alignment of the icon on the testimonial.