Issue

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 following image):



Solution

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


1. Open the Theme Builder (Go to Site Settings > ShortPoint Dashboard > Theme Builder > 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