Viewing 2 replies - 1 through 2 (of 2 total)
  • 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!

    Forgot to mention – I also tried (z-index:-100/100) and (left:-200%/-50%) to no avail.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Lightbox size’ is closed to new replies.