Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Testimonial Grid widget

How to Use Testimonial Grid Widget

A testimonial statement is very important for the purpose of business. Using the Testimonial Grid widget for your business purpose, you can display your testimonial in the grid, carousel, or slider on the website.

So, let’s see how the Testimonial Grid widget works.

To Insert Widget

inserting Testimonial Grid widget

Just go ahead and drag the Elementor Testimonial Grid widget inside your current page.

Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the clients testimonials.

Now, I’m going to show the sections of the tab and how they work behind the widget.


Testimonialgrid 2 - BdThemes

In this section, you can set to Layout (To Avatar, Reverse, or Default) of the Testimonial Grid.

And using the scroll bar, you can adjust the gap of column and cow, for example, Column Gap and Row Gap. Also, increase the number of columns.

Screenshot 3 2 - BdThemes

Also, the Pagination option is added since the Element Pack 5.2.0 update.

Testimonialgrid 3 - BdThemes

Moreover, the switcher On/Off options will allow you to manage the content of the Testimonial. Mostly, use the Meta Multiline switcher button for the testimonials on websites.


Testimonialgrid 4 - BdThemes

This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more 

For example, 

A.  Go to Source ➤ next select data location( such as Manual Selection). 

B. On the other hand, select categories (for example, single) from the Categories field.

C. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, and also with ascending or descending order.

Style Tab

Now, let’s work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Testimonial Grid widget. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.



Testimonialgrid 5 1 - BdThemes

Go to the Style Tab > Item > Normal.


Testimonialgrid 6 - BdThemes

Go to the Style Tab > Item > Hover.

In this section, you might generally adjust and set Border, Border Radius, and Padding. Take a look at the photo.

The important thing is the Background color and Box shadow that you can set in both Normal and Hover mode for the Testimonial Grid widget.


Testimonialgrid 7 - BdThemes

Go to the Style tab > Image.

This section will let you add Border, Border Radius, and Margin to the testimonial image.

Title, Address and Text

Testimonialgrid 8 - BdThemes

Go to the sections one by one.

In these three sections, you might do the same things such as adding Color, Margin, and Typography. Take a look at the image above.


Testimonialgrid 9 - BdThemes

Simply, go to the Style tab > Rating.

Here, from this section, you can add the normal and active color of the Rating and margin as well.

Video Assist

Finally, I guess, you’ve read the doc written above more sincerely and found it helpful. After that, if you feel it’s not enough, you can watch the video inserted and take a look at the demo page of our site to learn more about the Testimonial Grid widget by Bdthemes.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.