In this article we will show you how to increase the lightbox (popup) window size. This solution is useful when the lightbox looks too small or tight for the content displayed in it.

Before	After
Classic SharePoint experience
Modern SharePoint experience

TABLE OF CONTENTS

• This article is for you if
• Solution
• Result

This article is for you if

• You use SharePoint classic or modern experience.
• You have ShortPoint installed on your SharePoint site(s).
• You are a ShortPoint user with an active license.

Solution

You can override the lightbox dimensions by adding some custom CSS. Please follow the steps below.

Open ShortPoint Theme Builder. Click Customize my site:

Navigate to Utilities > Custom CSS:

Copy the code below:

.mfp-iframe-holder .mfp-content {
    max-width: 90vw; 
    height: 90vh; 
}

Note: Number 90 in the code means 90% of the screen width / height. You can adjust this number to suit your needs.

Paste it to the Custom CSS field:

Click Apply (1) and then Publish (2) to save your changes:

Result

Here is how the opened lightbox (popup) window looks now:

That's it. Happy customizing.

Related articles: 

• Apply Custom CSS from ShortPoint Theme Builder
• How to Modify Margins for the Lightbox Popup
• How to Increase the Logo Size in Modern Pages (Office 365)