# Carousel

<figure><img src="https://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2FgqOOT74XqPn79zfRiUpu%2F56.png?alt=media&#x26;token=050a19cd-379b-4db1-97b5-a515234c33d0" 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://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2F8El6UOEr6ZCVvmB5KrBY%2F57.png?alt=media&#x26;token=680e688c-93b8-41c1-959c-f5cc3381a557" 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://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2FoKF1sxGwfEY76i7o4OIW%2F58.png?alt=media&#x26;token=49834e30-1010-4cf1-9627-ac15fbc0f4e4" 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.