> 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-box.md).

# Testimonial Box

![](https://3485648446-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mg4EFSJWK87Ea9WGnlp%2F-MgATZ1TXAyd2umaxIFD%2F-MgAU7lGsd4ISxoFrb1X%2FTestimonial-Box-1024x469.webp?alt=media\&token=d71bd6e5-b27b-44c9-b732-5de854a6fd00)

## **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

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

Set the[ ](https://ultraaddons.com/elements-and-layout-widgets/ultraaddons-elements/button)[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[ ](https://ultraaddons.com/elements-and-layout-widgets/ultraaddons-elements/button)[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:** Set the quote icon size of the slider item
* **Quote Icon Color:** Set the quote icon color of the slider item
* **Box Shadow:** Choose the shadow of the slider item

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

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

### Position <a href="#position" id="position"></a>

* **Position 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[ ](https://ultraaddons.com/elements-and-layout-widgets/ultraaddons-elements/button)[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[ ](https://ultraaddons.com/elements-and-layout-widgets/ultraaddons-elements/button)[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