# Carousel

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

### 🔹 Content Tab

#### **Layout**

* **Widget Heading**\
  Toggle to show or hide a heading above the carousel.
  * *Widget Heading Text*: Add a custom title for the carousel section.
* **Posts Per Page**\
  Set how many posts to display in the carousel.
* **Order By & Order**\
  Choose the sorting criteria (`Date`, `Title`, `Random`, etc.) and order (`ASC` / `DESC`).
* **Post Term**\
  Show or hide the category/taxonomy labels on posts.
  * *Term Style*: Customize background and text color.
* **Post Meta**\
  Toggle to show/hide meta details such as author, date, and comments.
* **Post Excerpt**\
  Toggle to show/hide excerpts with customizable length.

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

***

#### **Carousel Settings**

* **Autoplay**
  * Enable/Disable automatic sliding.
  * *Autoplay Speed*: Define the interval between slides (e.g., 3000ms).
* **Loop**\
  Choose whether the carousel should loop infinitely.
* **Navigation**
  * Show/Hide arrows.
  * Show/Hide dots (pagination indicators).

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

***

### 🔹 Query

Control which posts are displayed in the carousel.

* **Source**: Select Post Type (Posts, Pages, Custom Post Types).
* **Include/Exclude by**: Categories, Tags, or specific Post IDs.
* **Offset**: Skip a number of posts.

***

### 🔹 Style Tab

#### **Title**

* Normal & Hover Colors.
* Typography (font family, size, weight, line height, spacing).

#### **Meta**

* Customize text color, hover color, and typography for author, date, and comments.

#### **Excerpt**

* Set color and typography for the excerpt text.

#### **Category Label**

* Background color.
* Text color.
* Border radius (for pill-style labels).

#### **Navigation**

* Arrows: size, color, background.
* Dots: size, active/inactive colors.

***

✅ With these options, you can create a highly customized **posts carousel** that matches your site’s typography and design style.


---

# 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-lite/elementor/widgets/carousel.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.
