> 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/elementor/widgets/popular-posts.md).

# 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**.