> 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

The Posts Slider Widget lets you display your blog posts inside a responsive carousel slider. It comes with multiple layouts, overlays, and extensive query and styling controls to fully customize

<figure><img src="https://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2FH8B1Nb6EQk3odFIEB3Wk%2F61.png?alt=media&amp;token=ce3f5c7b-7aa0-43ba-ba93-78f0a38e15f4" 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="https://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2Fl6K9NjTHgFwzk7ZocHQm%2F62.png?alt=media&amp;token=ddf2fe4f-1248-4be0-b1d1-bd3911e11710" 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="https://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2Fr9TifpkDyDOalC1TjFVC%2F63.png?alt=media&amp;token=af2c0fd5-8234-48d9-973c-8af4e0f12c64" 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.