> For the complete documentation index, see [llms.txt](https://docs.stylothemes.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stylothemes.com/urdupress-lite/elementor/widgets/slider.md).

# Slider

<figure><img src="/files/D17eUHwMMimNYG6dr7eJ" alt=""><figcaption></figcaption></figure>

### Content Tab

#### Layout

* **Layouts**: Choose from **7 predefined layouts** for your slider design.
* **Overlay Styles**: Select from **3 overlay types** to control how post details appear on hover.

<figure><img src="/files/0y7wiFeA3ihAL12votCn" alt=""><figcaption></figcaption></figure>

#### Query

Control which posts are displayed inside the slider.

* **Source**: Select the post type (e.g., Posts, Pages, or a custom post type).
* **Categories**: Filter posts by category.
* **Tags**: Filter posts by tag.
* **Posts Per Page**: Set the number of posts to show.
* **Order By**: Choose sorting (Date, Title, ID, Random, etc.).
* **Order**: Ascending or Descending order.
* **Offset**: Skip a given number of posts from the beginning.

#### Slider Settings

* **Autoplay**: Enable/disable auto-sliding.
* **Autoplay Speed**: Set the speed (in milliseconds).
* **Navigation Arrows**: Show or hide previous/next arrows.
* **Dots/Pagination**: Show or hide pagination dots.
* **Loop**: Enable infinite scrolling of slides.

<figure><img src="/files/yRXhBhjUeW2wDILvGKJj" alt=""><figcaption></figcaption></figure>

***

### Style Tab

#### Slider Items

* **Background**: Set background color or image for each post item.
* **Box Shadow**: Apply shadow styling for depth.
* **Border & Radius**: Add border styles and adjust corner radius.
* **Spacing**: Control padding and margins around slider items.

#### Post Title

* **Typography**: Font family, size, weight, transform.
* **Color**: Normal & hover states.
* **Spacing**: Margin/padding for titles.

#### Post Meta (Author, Date, Comments)

* **Typography**: Customize meta text styling.
* **Color**: Normal & hover states.
* **Spacing**: Adjust spacing between meta items.

#### Post Excerpt

* **Enable/Disable**: Show or hide excerpts.
* **Excerpt Length**: Control the number of words shown.
* **Typography**: Font family, size, weight.
* **Color**: Normal state.

#### Overlay

* **Overlay Background**: Color & opacity controls.
* **Hover Effects**: Fade, zoom, or custom transitions.