# List

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

### 🔧 Content Tab

#### **Layout**

* **List Layout**
  * Choose from multiple predefined layouts (e.g., **Layout 1**, **Layout 2**).
* **Widget Heading**
  * Show/Hide the widget heading.
* **Widget Heading Text**
  * Customize the heading text (appears above the list).
* **Show Icon**
  * Toggle ON/OFF to show an icon next to the heading.
* **Post Thumbnail**
  * Enable/Disable featured image display.
* **Thumbnail Width**
  * Adjust thumbnail size using a slider (default: 120px).
* **Post Term**
  * Show/Hide post categories or tags.
* **Post Meta**
  * Show/Hide post metadata (date, author, etc.).
* **Post Excerpt**
  * Show/Hide post excerpt (summary).

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

***

#### **Query**

Control which posts are displayed:

* **Source** – Select post type (Posts, Pages, or custom post type).
* **Category** – Filter posts by category.
* **Tags** – Filter posts by tags.
* **Posts Per Page** – Limit number of posts displayed.
* **Order By** – Sort posts by Date, Title, ID, Random, etc.
* **Order** – ASC (ascending) or DESC (descending).
* **Offset** – Skip a defined number of posts before displaying.

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

***

### 🎨 Style Tab

You can fully customize the look & feel:

* **Heading Style** – Typography, color, spacing.
* **Thumbnail Style** – Size, border radius, hover effects.
* **Post Meta Style** – Typography, color, spacing.
* **Excerpt Style** – Typography, color, length controls.
* **Spacing** – Control margin/padding between items.

***

### ⚡ Advanced Tab

All standard Elementor advanced options:

* **Margin / Padding**
* **Motion Effects**
* **Background & Borders**
* **Custom CSS**

***

✅ **Use Case**: Displaying recent posts, category-specific lists (e.g., “Latest News”), or compact sidebar post widgets.


---

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