booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Testimonial


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

More Widgets

• Team Member
• Block Quotes
• Modern Image
• Scroll Image

# Getting started

The testimonial widget is a great way to display the testimonials of your clients.This widget uses a layout composed of an avatar image, a name, and some text,You can fully customize every element of this widget to create your own style and layout.

Let's find out how you can set up this widget on your web page.


This is going to be used to define all the elements of your testimonial widget.

  • 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 displayed layout.  

  • 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.


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, letter spacing... choose from hundreds of Google font families.

-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.

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