Embed Survey
How to customize the embed popup width and height
How to customize the embed popup width and height
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.
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.
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.