---
title: "Divi Testimonial Carousel"
url: "https://divipeople.com/docs/wow-testimonial-carousel-doc.md"
canonical: "https://divipeople.com/docs/wow-testimonial-carousel-doc/"
published: "2025-11-20"
modified: "2026-01-20"
author: "Fahim Reza"
tags:
  - "Divi Carousel Pro"
---

# Divi Testimonial Carousel

The **Divi Team Carousel** module, part of the **Divi Carousel PRO** plugin, allows you to showcase team members in a responsive carousel layout. Previously known as **Wow Carousel Pro**, this module is perfect for displaying staff profiles, contributors, or company teams with photos, roles, and social media links in an interactive and visually appealing format.

## **Content**

The Content tab is where you create testimonial items and define how the carousel functions across devices.

### **Add New Item**

This option allows you to add individual testimonial entries to the carousel. Each item includes its own **Content**, **Elements**, **Tab Content**, and **Design** controls.

### **Carousel Item → Content**

This toggle contains the core testimonial information displayed inside each slide.

1. **Image Alt Text** – Improves accessibility and SEO for testimonial images.
2. **Name** – Displays the reviewer’s name.
3. **Title** – Shows the reviewer’s designation, role, or company name.
4. **Use Rating** – Enables or disables the rating system for the testimonial.
5. **Rating** – Select a rating value from 1 to 5.
6. **Testimonial** – The main testimonial text or review content.
7. **Upload Custom Quote Icon** – Upload a custom quote icon image.
8. **Select Quote Icon** – Choose a predefined quote icon from the dropdown.

### **Carousel Item → Elements**

This toggle controls the visibility and positioning of testimonial elements.

1. **Hide Quote Icon** – Hides the quote icon from the testimonial layout.
2. **Reviewer Position** – Defines where the reviewer details appear within the slide.
3. **Rating Position** – Controls the placement of the rating stars.
4. **Review Design** – Selects the overall visual style of the testimonial layout.

### **Carousel Item → Tab Content**

This toggle manages content used when the tab feature is enabled.

**Notice**: These fields are only visible when the **Use Tab** option is enabled in the **Tab Settings** toggle.

1. **Title** – Sets the tab title text.
2. **Subtitle** – Adds supporting text within the tab.
3. **Thumbnail** – Uploads or selects an image used inside the tab.

### **Carousel Settings**

This toggle controls the global behavior and interaction of the testimonial carousel.

### **Carousel Settings → General Tab**

Defines animation, layout, and responsiveness for the carousel.

1. **Animation Speed** – Controls how fast slides transition.
2. **Autoplay** – Automatically rotates testimonial slides.
3. **Autoplay Speed** – Sets the delay between autoplay transitions.
4. **Navigation & Pagination** – Displays navigation arrows, pagination dots, both, or none.
5. **Use Fixed Width Slide** – Maintains a consistent slide width.
6. **Slides To Show** – Determines the number of testimonials visible per device (responsive setting).
7. **Slide Spacing** – Adjusts spacing between testimonial items.
8. **Apply Spacing on First & Last Items** – Adds spacing to edge slides.
9. **Infinite Looping** – Enables continuous looping of testimonials.

### **Carousel Settings → Advanced Tab**

Provides advanced interaction, animation, and performance options.

1. **Sliding Direction** – Controls slide direction, including RTL compatibility.
2. **Sliding CSS Transition** – Defines the easing effect for slide animations.
3. **Lazy Loading** – Loads testimonial content only when needed.
4. **Lazy Loading Type** – Choose between Progressive or On-demand loading.
5. **Auto Height** – Adjusts carousel height automatically based on content.
6. **Swipe** – Enables touch swipe navigation.
7. **Pause on Hover** – Pauses autoplay when the carousel is hovered.
8. **Items to Scroll** – Sets how many testimonials move per scroll action.
9. **Vertical Mode** – Displays testimonials in a vertical layout.
10. **Center Mode** – Highlights the center testimonial.
11. **Wait For Animate** – Prevents overlapping slide animations.
12. **Use Custom Cursor** – Enables a custom cursor effect.
13. **Wrapper Spacing Top** – Adds spacing above the carousel.
14. **Wrapper Spacing Bottom** – Adds spacing below the carousel.
15. **Open Image in Lightbox** – Opens testimonial images in a lightbox view.
16. **Equalize Item Height** – Ensures all testimonial items have equal height.

### **Tab Settings**

This toggle enables and controls tab-based navigation for testimonials.

1. **Use Tab** – Enables the tab layout.
2. **Hide Tab on Mobile** – Hides tabs on smaller devices.
3. **Select Tab Elements** – Choose which elements appear in tabs.
4. **Tab Items** – Manages individual tab entries.
5. **Item Spacing** – Controls spacing between tab items.

## **Design**

The Design tab allows you to customize the visual appearance of the Testimonial Carousel.

### **Navigation**

Styles the carousel navigation arrows.

### **Pagination**

Customizes pagination indicators for testimonial navigation.

### **Tab Style**

Controls the appearance of the tab container.

### **Tab Elements**

Style individual elements displayed inside tabs.

### **Text**

Controls typography, colors, and alignment for testimonial text.

### **Sizing**

Adjusts width, height, and responsive dimensions.

### **Spacing**

Manages padding and margins throughout the module.

### **Box Shadow**

Adds depth using shadow effects.

### **Filters**

Applies CSS filters such as brightness or contrast.

### **Transform**

Adds transform effects like scaling or rotation.

### **Animation**

Controls animation effects applied to testimonial elements.