Custom Popup Size
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.