# Popular Posts

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

### Content Tab

#### **Layout**

* **List Layout** – Displays posts in a vertical list.
* **Layout Style**
  * *Layout 1* (default).

#### **Posts Limit**

* Define the number of posts to display.
* **Default:** 5

#### **Widget Heading**

* **Widget Heading Text** – Add a custom heading for the widget.
* Example: *پوسٹ لسٹ*

#### **Show Icon**

* Toggle to enable/disable a small icon in the widget heading.

#### **Post Thumbnail**

* Enable/Disable thumbnail display.
* **Thumbnail Width** – Set width for the post thumbnail (Default: 120px).

#### **Post Meta**

* Show/Hide post metadata (date, author, views, etc.).

#### **Post Excerpt**

* Toggle to display or hide post excerpt.

#### **Views Count**

* Toggle to display the number of views for each post.

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

***

### Style Tab

#### **Thumbnails**

* Adjust **Thumbnail Width** (default: 120px).

#### **Typography**

* **Items Spacing** – Control spacing between post items.
  * Default: 15px

#### **Widget Head**

* **Font Family** – Select the font (Default: *Markazi Text*).
* **Typography** – Adjust size, weight, transform, and spacing.
* **Widget Head Background** – Set a background color.
* **Widget Head Text Color** – Customize text color.
* **Icon Color** – Set color for the heading icon.
* **Border Radius** – Round the corners of the widget head background.

#### **Post Content**

* **Post Title Color** – Default color of post titles.
* **Post Title Hover Color** – Title color on hover.
* **Post Meta Color** – Color for meta text.
* **Text Alignment** – Align content (Left, Center, Right).
* **Font Family** – Default: *Noto Nastaleeq*.

#### **Typography Controls**

* **Post Title** – Customize typography (font size, weight, line height, etc.).
* **Post Excerpt** – Typography settings for excerpt text.
* **Text Shadow** – Apply shadow effect to text.

***

### Advanced Tab

* Standard Elementor advanced options like **margin, padding, background, motion effects, and responsive settings**.


---

# 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/popular-posts.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.