> 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/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://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2Fv3vkQPqVQSHs5XgShd2c%2F61.png?alt=media&amp;token=93edc38d-2ddd-4139-90ed-5586df8d5709" 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://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2FxLpilytpmgbNBUxKrQaT%2F62.png?alt=media&amp;token=ad921d4c-3bec-4414-bf9b-a5d409aa3be6" 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://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2Fp2SfVhiLqBJDrn9OZlTB%2F63.png?alt=media&amp;token=ea4917a2-9ae5-458f-837a-fe4bd571db6b" 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.