---
title: "Resize a video in a Pop-up"
slug: "resize-a-video-in-a-pop-up"
updated: 2025-09-17T10:05:32Z
published: 2025-09-17T10:05:32Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Resize a video in a Pop-up

Whatfix enables you to resize the height and width of videos in Pop-ups to ensure they fit your widget layout.

Use the following steps to resize a video in a Pop-up:

1. On the Whatfix Guidance dashboard, click **Widgets**. ![ia_left_nav_widgets](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_widgets.png)
2. Click **Pop-ups**. ![ia_widget_popups](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_widget_popups.png)
3. Hover your cursor over the Pop-up segment you want to configure, and then click the **Edit** icon. ![CLM_DB_Click_edit_icon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_Click_edit_icon.png)

1. On the Pop-up template, click the **Video** component, and then click the **Resize options** icon. ![Pop-ups_Click_Resize.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Pop-ups_Click_Resize.png)
2. On the**Image Froala Toolbar**, make the following changes: a. **Fit to height:**Enter the height in pixels to set a custom video height. ![Popup_image_resize.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Popup_image_resize.png) b. **Fit to width:**When selected, the video adjusts to its original width.

![Video_width_resize.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Video_width_resize.png)

> [!WARNING]
> Note:
> 
> Enable the Ignore safe area toggle to extend the video beyond the safe area boundaries.![Enable_Ignore_safe_Area.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Enable_Ignore_safe_Area.png)
3. Finish creating the Pop-up and click **Save Popup**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/click_save(2).png)

> [!WARNING]
> Note:
> 
> If you click **Discard**, all the modifications you've made to the Pop-up are lost, and the Pop-up reverts to its previous saved state.

> [!NOTE]
> Info:
> 
> Use the **Code View** to make detailed visual tweaks using the Pop-up template’s HTML and CSS code. For more information, see [Customize the Pop-up templates using the code view](/studio/docs/customize-the-pop-up-templates-using-the-code-view)

## Related

- [Pop-up Images/Videos do not appear to end users](/pop-up-imagesvideos-not-appearing-to-end-users.md)
- [Pop-up does not appear on the application](/pop-up-not-displaying.md)
- [Pop-up appears across other pages besides the intended page](/pop-up-appears-outside-the-desired-application-page.md)