---
title: Slider
description: "Create stunning hero sections with bold visuals and smooth transitions. The Hero Slider lets you showcase headlines, images, and call-to-action buttons in a dynamic and engaging way—perfect for grabbing attention the moment visitors land on your website. ## How to…"
url: "https://wpeasyelements.com/docs/slider/"
updated: "2025-11-18"
category: General Widgets
---

# Slider

Create stunning hero sections with bold visuals and smooth transitions. The Hero Slider lets you showcase headlines, images, and call-to-action buttons in a dynamic and engaging way—perfect for grabbing attention the moment visitors land on your website.

## How to Use Slider Widget of Easy Elements Pro

### Step 1:

#### Add Hero Slider Widget:[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

Select the Hero Slider widget from the left panel, then drag and drop it into your desired area on the canvas.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-49.png)

### Step 2:

#### Hero Slider Settings:

1. ******Slider Skin Settings******
2. ****Slider Content****
3. ****Feature Content**** (when enable feature is show)
4. ********Slider**Settings******

##### ******Slider Skin Settings******:

1. ******Slider Skin Type******
2. **Feature Content Show / Hide**

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-50.png)

##### ****Slider Content****:

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-51.png)

##### ********Feature********:

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-52.png)

##### ****************Slider**Settings**************:

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-53.png)

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-54.png)

### Step 3:

#### Customize Slider Style:

Easily customize your widget’s appearance including Slider background, border, padding and more —all from the Style panel.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-55.png)

#### Watch this video with all settings changes and previews.

**Video Coming Soon**