You can adjust the size of the light box with custom css. Here’s the relevant css as it is now:
body .featherlight .featherlight-content {
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
max-width: 95%;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 25px;
}
If you want the box larger, you’d need to decrease the margin and padding, and increase the max-width and max-height.
You can add that custom css into your child theme’s css file (if you have a child theme). If you don’t have a child theme, we recommend using Jetpack’s custom CSS if you have that installed; or else, you can install the Simple Custom CSS plugin: https://www.ads-software.com/plugins/simple-custom-css/
If you need more instruction than that, please send the link to the page it’s on and we’ll see how we can help. You can also email priority support at [email protected] if you prefer. Hope that helps!
