> For the complete documentation index, see [llms.txt](https://ultraaddons.gitbook.io/ultraaddons-elementor-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ultraaddons.gitbook.io/ultraaddons-elementor-pro/features/widgets/testimonial-slider.md).

# Testimonial Slider

Testimonial slider could be used for display your customers thought in nice way.

![](https://3485648446-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mg4EFSJWK87Ea9WGnlp%2F-MgAe3y7wjnCrBkU3yBC%2F-MgAePFJ2xBSF9OYe1sQ%2FTestimonial-Slider.webp?alt=media\&token=9ed9670a-6982-47df-bdf7-62e1643ab778)

## **Content Tab** <a href="#content-tab" id="content-tab"></a>

### **General** <a href="#general" id="general"></a>

* **Testimonial Slider:** You can add as many as testimonial slider and control their behavior
  * **Title:** Enter the name of author
  * **Position/Designation:** Enter the Position/Designation text
  * **Quote:** Enter the Quote message here
  * **Photo:** Select an image from the media library, or upload a new image

### Slider Settings <a href="#slider-settings" id="slider-settings"></a>

* **Autoplay:** Choose Yes or No to rotate slides automatically
* **Pause on Hover:** Select whether or not to pause autoplay when a user hovers over the carousel. Yes or No
* **Autoplay Speed:** Set the speed of slide animation, in milliseconds
* **Infinite Loop:** Show carousel in a continuous loop, infinitely. Yes or No
* **Autoplay Delay:** Set the time it takes for the next slide to start rotating. This time is in milliseconds, so 1000 ms is equal to 1 second.
* **Navigation:** Choose the slider navigation from dots, arrow or both
* **Arrow Position:** Set the arrow position
* **Navigation Button Spacing:** Set the space for buttons to top/bottom
* **Slides to Show:** Select the number of slides to show at one time, from 1 to 10, available for desktop, tablet, and mobile devices

#### Wrapper Link <a href="#wrapper-link" id="wrapper-link"></a>

Set the [Wrapper Link](/ultraaddons-elementor-pro/features/extensions/wrapper-link.md) that are applicable to this widget.

#### Hover Effect <a href="#hover-effect" id="hover-effect"></a>

Set the [Hover Effect](/ultraaddons-elementor-pro/features/extensions/hover-effect.md) that are applicable to this widget.

## Style Tab <a href="#style-tab" id="style-tab"></a>

### General <a href="#general-1" id="general-1"></a>

* **Alignment:** Align the content to the left, right, center
* **Background Color ( w/Hover ):** Set the background color of the slider item
* **Padding ( w/Hover ):** Set the padding of the slider item
* **Border Type ( w/Hover ):** Set the border of the slider item
* **Quote Icon Size ( w/Hover ):** Set the quote icon size of the slider item
* **Quote Icon Color ( w/Hover ):** Set the quote icon color of the slider item
* **Box Shadow:** Choose the shadow of the slider item
* **Navigation Icon Color:** Choose the navigation color of the slider

### Title <a href="#title" id="title"></a>

* **Title Typography:** Set the typography options for the title
* **Color:** Choose the text color of the title

### Designation <a href="#designation" id="designation"></a>

* **Designation Typography:** Set the typography options for the designation
* **Color:** Choose the text color of the designation

### Quote <a href="#quote" id="quote"></a>

* **Quote Typography:** Set the typography options for the quote
* **Color:** Choose the text color of the quote

### Avatar <a href="#avatar" id="avatar"></a>

* **Border Type:** Set the avatar border type
* **Width:** Set the avatar border width
* **Color:** Set the avatar border color
* **Size:** Set the avatar size

#### Transform <a href="#transform" id="transform"></a>

Set the [Transform](/ultraaddons-elementor-pro/features/extensions/transform.md) that are applicable to this widget.

#### Background Overlay <a href="#background-overlay" id="background-overlay"></a>

Set the [Background Overlay](/ultraaddons-elementor-pro/features/extensions/background-overlay.md) that are applicable to this widget.

## Advanced Tab <a href="#advanced-tab" id="advanced-tab"></a>

Set the [Advanced options](https://elementor.com/help/advanced-tab/) that are applicable to this widget