> 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/carousel.md).

# Carousel

The Posts Carousel widget lets you display blog posts inside a responsive carousel with customizable layouts, typography, and query options. It supports autoplay, navigation, and styling for each elem

<figure><img src="https://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2F8bfVms3BYDLqzPVMfBVY%2F56.png?alt=media&amp;token=41b12d77-ec9d-434e-a380-44657c49e454" 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="https://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2F0b37ppu5rjn8xhpKoFOg%2F57.png?alt=media&amp;token=c6cbd264-7d9f-4ee4-ae3d-d407af99818e" 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="https://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2FUomvQy7nutLMgHxgABnP%2F58.png?alt=media&amp;token=9f07ffba-77c6-46bc-8bf7-41fb5b600486" 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.