How to Use Testimonial Grid Widget

How to Use Testimonial Grid Widget

Testimonial statement is very important for the purpose of business. On the website, you can display your testimonial in the grid, carousel, or slider. Below, I’ll show you how you can use the Testimonial Grid for your business purpose.

So, let’s go ahead.

To Insert Widget

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.

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

Layout

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.


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


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

Query

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 Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design. 

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

Let’s have a look.

Item

Normal:

Go to the Style Tab > Item > Normal.

Hover:

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 Background color and Box shadow that you can set in both Normal and Hover mode.

Image

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

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.

Rating

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


About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.


Missed The Black Friday offer this year? Get up for flat 50% discount right now.