> 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-lite/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://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2FzL6WwdVI1G5nt58C43lh%2F69.png?alt=media&amp;token=cb61f1ba-02c3-4b8a-ba6c-f97826e2e48e" 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://4014933582-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWM3BRTrW96LRGbPrkiEJ%2Fuploads%2FdL5hHkQTX4zuXttJ83sf%2F70.png?alt=media&amp;token=966d5318-217e-4fb6-abc3-940592414c82" 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.