The Problem

So you have a link that will open in a lightbox ( popup ) window, but you do not like that the lightbox is too tight, too small for your content, and you want your lightbox size to be bigger? then this article is for you ( see the folowing image )



The Solution

We can override the lightbox dimensions by adding some Custom CSS,


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

2. Navigate to Utilities > Custom CSS

3. Paste the code below into Custom CSS field


Note that the number 90 in the code below means 90 percent of the screen width / height,

Feel free to adjust the number according to your needs.


.mfp-iframe-holder .mfp-content {
  max-width: 90vw; /* 90% of the screen width */
  height: 90vh; /* 90% of the screen height */
}



4. Click Apply and Publish


Final Result: