Testimonials Element

Last Update: February 20, 2023

The Testimonials Element allows you to easily add beautifully styled testimonials anywhere to your site. 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. Read below for an overview of the specific features of the Element.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

How To Use The Testimonials Element

The Testimonials Element is a very useful way of adding testimonials into your page content. To start, add the element into your desired column.

The 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, you can slowly move down the Parent Options, deciding how to style the testimonials. There are navigation, speed and styling options for you to configure.

Once you have set all your Parent Options, you add Child Items on the left. Click the pencil icon to edit the existing item. The Child Item Options Panel appears. This is where you add the content for the individual testimonials. Here, you add the person’s name, choose an avatar (including the options to upload your own image), the company name, a link for 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.

DesignChoose a design for the element.
Navigation BulletsSelect to show navigation bullets.
Testimonials SpeedSet the speed of the testimonial slider. ex: 1000 = 1 second. IMPORTANT: Setting speed to 0 will disable autoplay for testimonials slider. Default currently set to 4000. Reset to default.Using default value.
Background ColorControls the background color. Leave empty for default value of White. Reset to default.Using default value.
Text ColorControls the text color. Leave empty for default value of Gray. Reset to default.Using default value.
Random OrderTurn on to display testimonials in a random order. Default currently set to No.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time. Each of the 3 sizes has a custom width setting on the Responsive tab in the Global Options.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Child Element Options

NameInsert the name of the person.
AvatarChoose which kind of Avatar to be displayed.
Custom AvatarUpload a custom avatar image.
Border RadiusChoose the radius of the testimonial image. In pixels (px), ex: 1px, or "round".
CompanyInsert the name of the company.
LinkAdd the URL the company name will link to.
Link TargetControls how the link will open.
Testimonial ContentAdd the testimonial content.