Testimonial SA Element
The testimonial is an impressive, lightweight, responsive testimonial element for Elementor Page Builder. This awesome element is for creating responsive testimonials that include a title, image, tagline, website URL, and message to make it simple to add a photo of the testimonial author that will bring the profile more eye-catching and informative. It is a fully responsive widget to insert a list of all Testimonials and Reviews with Elementor. Here in this tutorial, you’re going to learn how to use the Testimonial element into Elementor Page Builder. So let’s get straight into it:
If you don’t know how to activate elements and start using it, then check the tutorials below:
How to Customize the Testimonial Element
⇒Display Avatar? Enable if you want to display the avatar in the testimonial.
⇒Testimonial Avatar: Upload the image here for the testimonial avatar.
⇒Image Size: Customize the fixed size of the avatar from our pre-defined size type.
⇒User Name: Enter the user name here. Click on Dynamic settings to apply the AnalogWP Classes to the name. (Ex. Add a light background).
⇒Company Name: Enter the company name of the user or author. Click on Dynamic settings to apply the AnalogWP Classes to the company name. (Ex. Add a light background).
⇒Testimonial Description: Enter the testimonial description here. This kind of description will help your customers or visitors to know more about the product review.
⇒Display Rating: If you want to display the rating then enable this.
⇒Rating Number: Enter the rating number the author gave you in their review.
⇒Select Style: Here you can select the testimonial type from the different options.
⇒Layout Alignment: Set the testimonial layout alignment either left, right or center.
⇒Display User & Company Block?: If you want to display the user and company block separately then enable this option. And if you want them in the same line, then disable it.
Testimonial Image Style
⇒Image Width: Set the image width manually for different dimensions.
⇒Image Max Width: Set the image max-width here.
⇒Margin: Set the margin value for the top, right, bottom and left around the testimonial image for different dimensions. You can link the values together or customize them individually.
⇒Padding: Set the padding value for the top, right, bottom and left around the testimonial image for different dimensions. You can link the values together or customize them individually.
⇒Border Type: Select a border type from the list according to your preference. And then set the border width for the top, right, bottom and left of the image for different dimensions. You can link the values together or customize them individually.
⇒Border Color: Add a custom color to the border for normal view.
⇒Rounded Avatar: If you want to have a rounded avatar then enable this option.
⇒Border Radius: And if you want to control the border-radius manually then use this option. Set the border radius for the top, right, bottom and left around the avatar for different dimensions.
Colors & Typography
→User Name Color: Add a custom color to the user name of the testimonial.
→Typography: Set the typography options for the user name text.
→Company Color: Add a custom color to the user company of the testimonial.
→Typography: Set the typography options for the user company text.
→Testimonial Text Color: Add a custom color to the testimonial description text.
→Typography: Set the typography options for the testimonial description text.
Set the Advanced options that are applicable to this widget
Still can’t figure out? Don’t worry, we got your back! Just watch the video tutorial below to have a precise understanding of the Testimonial Element.