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

# Video Grid

The Videos Grid Widget allows you to showcase videos in a grid-based layout with metadata, play icon, and duration display. It is ideal for creating engaging video archive sections.

<figure><img src="https://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2FuCrNm28L9buuxmdLlyl6%2F69.png?alt=media&amp;token=78c8e250-b52d-4511-ae1a-51a952452248" alt=""><figcaption></figcaption></figure>

### Content Tab

#### **Layout**

* **Grid Layout** – Displays videos in a responsive grid format.
* **Layout Style**
  * *Layout 1* (default).

#### **Widget Heading**

* **Widget Heading Text** – Add a custom heading for the widget.
* Example: *کیٹاگری کا نام*

#### **Video Meta**

* Toggle to show or hide video metadata (category, date, etc.).

#### **Play Icon**

* Enable/Disable the play button overlay on video thumbnails.

#### **Video Time**

* Toggle to display video duration over the thumbnail.

<figure><img src="https://1348100388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5PmCtqJGWfXR9cDabsKg%2Fuploads%2FWhAu2a4UdIHOU9O1q49g%2F70.png?alt=media&amp;token=c7bb63f0-9482-414e-9f41-eaf375d8b9e2" alt=""><figcaption></figcaption></figure>

***

### Query Section

#### **Limit**

* Set the maximum number of videos to display.
* **Default:** 4

#### **Category**

* Select the video category to filter displayed items.

***

### Style Tab

#### **Typography**

* **Widget Head**
  * **Font Family** – Select a font for the heading (*Default: Markazi Text*).
  * **Typography** – Adjust font size, weight, line height, and letter spacing.
* **Video Titles, Meta, and Duration**
  * Each can be styled individually in terms of typography, color, and alignment.

***

### Advanced Tab

* Standard Elementor advanced options: **margin, padding, background, border, motion effects, responsive settings**, etc.