Skip to content
Docs

How to Resize Lightbox Popups in Icegram Engage

Customize height and width dimensions for modal popups and lightbox overlays in Icegram Engage to match desktop and mobile layouts.

Icegram Engage popups are fully responsive by default, adapting to fit desktop and mobile screens. You can customize the exact pixel or percentage dimensions of any popup modal.

Steps to Customize Popup Dimensions

  1. In your WordPress dashboard, navigate to Icegram Engage → Campaigns and edit your popup campaign.

  2. In the popup message editor, locate the Width (and Height) settings under Appearance.

  3. Set your preferred width (e.g., 600px for a wider layout or 80% for fluid sizing).

    Adjust popup width in Icegram Engage message settings

  4. If your selected template uses custom CSS, you can also override the maximum width in the Custom CSS box:

    .ig_popup {
  max-width: 650px !important;
}

  5. Click Update to save and preview the resized popup.