> 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/slider.md).

# Slider

![](/files/-MgAmkqCFbKm3aM-ak70)

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

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

* **Slides:** By default the is 3 slide. You can add more items by clicking ‘ADD ITEM’ button.
  * **Slider options**
    * **Slide Type:** you can use Default or Elementor template.
    * **Background Image:** To change slider image.
    * **Title:** For change slider text.
    * **Content:** For change slider content.
    * **Text:** Type your slider button text.
    * **Link:** Insert a link, and choose if it will opens on a new window.

### 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 1000ms is equal to 1 second.
* **Navigation:** Choose the slider navigation from dots, arrow or both
  * **Arrow Position:** Set the arrow position
* **Slides to Show:** Select the number of slides to show at one time, from 1 to 10, available for desktop, tablet, and mobile devices

### Background Effect <a href="#background-effect" id="background-effect"></a>

* **Background Type:** Choose between [Classic](https://elementor.com/help/how-to-change-the-background-image/) or [Gradient](https://elementor.com/help/gradient-background/)
* **Opacity:** Set the opacity of background image.
* **CSS Filter:** Set CSS filter for background effect.

#### 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
* **Title:**
  * **Color:** Choose the color of the title
  * **Typography:** Set the typography options for the title
* **Sub-Title:**
  * **Color:** Choose the color of the sub-title
  * **Typography:** Set the typography options for the sub-title
* **Button:** Set the [Button Options](/ultraaddons-elementor-pro/features/widgets/button-options.md) that are applicable to this widget.

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