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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylothemes.com/urdupress/elementor/widgets/slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.