Start a new topic
Answered

Update ShortPoint Dialog and Lightbox Windows to fill the whole screen

Hello,

I just wanted to know how can we make the width of the lightbox linking option to be 100% of the screen.

Thank you,

Best Answer

Hello Ali,


To update the lightbox linking option and make it expand to fill the whole screen, please follow these steps:


1. Open the ShortPoint Theme Builder ( by going to Site Settings > ShortPoint Dashboard > Site Customizations > and click on the Customize my site button )


2. Then navigate to Utilities > Custom CSS and paste the following code into the Custom CSS field

 

/* lightbox container selector */
.mfp-iframe-holder .mfp-content {
    max-width: 100vw;
    height: calc(100vh - 50px); /* we need to make room for the (x) button */
}


3. Finally Click on Apply & Publish



Your end result should be similar to the following screenshot


image



1 person has this question
1 Comment

Answer

Hello Ali,


To update the lightbox linking option and make it expand to fill the whole screen, please follow these steps:


1. Open the ShortPoint Theme Builder ( by going to Site Settings > ShortPoint Dashboard > Site Customizations > and click on the Customize my site button )


2. Then navigate to Utilities > Custom CSS and paste the following code into the Custom CSS field

 

/* lightbox container selector */
.mfp-iframe-holder .mfp-content {
    max-width: 100vw;
    height: calc(100vh - 50px); /* we need to make room for the (x) button */
}


3. Finally Click on Apply & Publish



Your end result should be similar to the following screenshot


image


Login or Signup to post a comment