Custom Width and Height for Popup Survey

This guide will show you how to customize the width and height of the embed popup window using custom CSS.

Step 1: Access Your CSS File

Locate the CSS file in your project where you can add custom styles.

Step 2: Add Custom CSS

Add the following CSS code to override the default modal width and height with the class .metasurvey-modal:

// you can set your own values
.metasurvey-modal {
  width: 800px !important; // !important is required
  height: 700px !important;
}

You can adjust the width and height values as needed.

Step 3: Save and Refresh

Save the CSS file and refresh your browser to see the changes. The embed popup should now display with the new dimensions.