booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Testimonial Slider

Testimonial Slider

Preview Widget
Preview Widget
Getting Started
Global Layout
Content & Avatar Styling
Slider Styling Settings
Slider Settings

More Widgets

• Team Slider
• Filter Images
• Image Card Slider
• Light Box Gallery

# Getting started

The testimonial slider widget allows you to display your clients testimonials in an attractive slider.Each testimonial uses a layout composed of an avatar image, a name, and some text,Choose between multiple layout designs and style everything from the text to the slider settings.

Let's go over the options provided in this widget.


The testimonials content is where you will set up your clients testimonials.You can add a testimonial to the list by clicking on the add item button at the bottom of this section.For each item, you can change the following options :

  • Name :  A text that represents the reviewer name or the entity that is presenting the testimonial.
  • Position : This text will be used to specify the position/job/field of work for the reviewer.You can use anything that gives a more general information about the reviewer.
  • Text : This is where the review text will be presented.It can be a short paragraph or a long text depending on what is being reviewed and by whom.
  • Avatar : You can enable the avatar and upload an image or photo that represents the author of the review.


Under the layout section, you will be able to change the layout style and control the position and the alignment of each element of the testimonial widget.This will give your more control over the layout structure.  

  • Style : Choose either the bubble for a modern layout or the all boxed if you want to use a more regular design.
  • Bubble Style : This option will only be visibly if you have chosen the bubble layout in the style control.The options available are simple and modern.
  • Content Alignement : You can align the review text and the reviewer details to create your personal layout.
  • Avatar Align & Position : These controls will be available when the bubble style is selected.You can change the avatar position and have even more control over the layout.


Under the styling tab section, you have access to the options that you can use to style and design the testimonial widget elements.

  • Text Content Styling

Customize the text properties for the name, position & text. Change the font size, font family, line height...

-Colors : Customize the color of your text elements.Moreover, you can use both solid and gradient colors for the name.

  • Avatar Styling

-Size & Margins : Change the avatar size and control the space between the avatar image and the other elements.

-Radius, Border & Box Shadow : Customize the avatar radius to change the image shape and alternate the border and shadow to add even more design to this element.

-Avatar Decoration : Enable this if you want to add extra decoration for the avatar.This will add a line separator on the avatar image that you can customize using the options below.

-Decoration size, width, and color : You can change the decoration size and width but also customize the color to create styled avatars.

  • Icon Styling

Control everything about your icon, apply a custom icon size and color. 

-Size & Margins : Change the icon size and control the space between the icon and the other elements.

-Colors : Apply a solid or gradient color to the icon color with the options to change the direction and colors positions for the gradient.

-Icon Type : Choose one of the numerous icons available in the list provided by this control.

Slider Styling Settings

Under the avatar styling, you can find the slider styling settings section.This section is going to be used to customize the slider design and to enable additional features.

  • Slider Navigation

You can enable and customize the slider navigation for the widget.



-Button Layout

-Navigation Colors

-Distance Between Dots

-Navigation Area Margins

  • Slider Arrows

Enable the slider arrows and change everything about their style and position.

-Enable Arrow Navigation
-Arrow Style
-Arrow Background Size & Background Radius
-Arrow & Background Color
-Arrow Position


To the right of the content and style tabs, you will find the settings tab.This tab is mainly going to be used to configure the functional settings of the slider and to change the slider behavior for tablets and phones.

  • Slider Settings

General Settings

-Slider Type




-Adaptative Height & Center Mode

-Center Mode

Slides Settings

-Slides to Scroll
-Enable Opacity
-Enable Scale
Desktop Slider Settings, Tablet Slider Settings, Phone Slider Settings
-Break Point : This option is only available for the tablet and phone devices.Define at which width should the widget switch from the default slides to show value (desktop value is the default value) to the tablet/phone slides to show values.Same applies to the center mode if its enabled.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket


We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.




Email :

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020