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

Table Of Contents

Testimonial Carousel widget

How to Use Testimonial Carousel Widget

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

So, let’s go ahead.

To Insert Widget

inserting the Testimonial Carousel widget

Like the screenshot above, drag the Elementor Testimonial Carousel widget inside your page to start customizing it the way you want.

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

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


testimonialcarouse 2 - BdThemes

In this section, you can set to Layout (Twyla, Vyxo, or Default) of the Testimonial Carousel.

Using the switcher On/Off options, you will be able to manage the content of the Testimonial especially the Meta Multiline switcher(the switcher will allow you to show meta tag in multiple lines). Also, you might increase the number of columns. See the screenshot.


testimonialcarouse 3 - BdThemes

Simply go to Content tab > Navigation.

Using this section, you can mainly design the symbol of navigation(such as dots, arrows,). Mostly, use two switcher buttons Dynamic Bullets? and Show Scrollbar? to make the bullets icon dynamic on the clients testimonials.

N.B: If you want to hide the arrow on mobile. Just, uncheck Hide Arrow on Mobile? On/Off option.


testimonialcarouse 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( Manual Selection) 

B. Set Posts Limit (such as 10).

C. Then, select categories from the Categories field.

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

From this section, you will be able to select the layout (Carousel / Coverflow)


testimonialcarouse 5 - BdThemes


testimonialcarouse 6 - BdThemes

You know the Panel Slider widget is animation-supported. From this section, you will be able to manipulate five more switcher buttons (Autoplay, Pause on Hover, Loop, Autoplay Speed, Infinite Loop, Animation Speed, Observer, and Center Slide).

The most important things in this section are the Animation Speed(it will control slide speed) and Loop(make the slider repeated) of the Testimonial Carousel widget.

On the other hand, Infinite Loop will make the carousel repeatable ever. Observe the photo above.

Screenshot 3 1 - BdThemes

Additionally, there is a new option since Element Pack 5.2.0 update that adds more sliders per column, looking like a grid formation.

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

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

Let’s have a look.



testimonialcarousel style 1 - BdThemes

Go to the Style Tab > Item > Normal.


testimonialcarousel style 2 - BdThemes

Go to the Style Tab > Item > Hover.

In this section, you might generally adjust Item Gap and set Border, Border Radius, and Padding. You can also set shadow with carousel using enabling the Shadow Mode. 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 Elementor Testimonial Carousel widget.


testimonialcarousel style 3 - 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

testimonialcarousel style 4 - BdThemes

Go to the sections one by one.

In these three sections, you might do the same things such as adding Text color, Background from the Background Type (Classic/ Gradient), and Typography. Take a look at the image above.


testimonialcarousel style 5 - BdThemes

Simply, go to the Style tab > Rating.

Here, from this section, you can add the normal and active color of the Rating for the clients testimonials.


testimonialcarousel style 6 - BdThemes

Using this section, with the demonstration showing in the screenshot, you can mainly design the arrows and dots. Simply go to Navigation to Arrows Size > Dots Size > Arrows Offset > Dots Offset.

Scrollbar Style

testimonialcarousel style 7 - BdThemes

From this sub-section, you can style the scrollbar. As you can see in the image above.

Video Assist

In conclusion, it seems that you’ve read this article and found it very useful. If you want to know more about the widget, you can watch the video on Testimonial Carousel Widget by Bdthemes and also go to our demo page.

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.