Website Building » Squarespace » What Is Lightbox in Squarespace?

What Is Lightbox in Squarespace?

Last updated on December 21, 2022 @ 5:11 pm

Lightbox is a feature in Squarespace that allows you to display images and videos in a pop-up window. When you click on an image or video in a Lightbox, it will appear in a larger window on top of the page. You can also view Lightbox images and videos in full-screen mode.

Lightbox is a great way to showcase images and videos on your website. It allows your visitors to view them in a larger size, and it also gives you the ability to add text and other content to the lightbox. You can use Lightbox to create a gallery of images, or to display a video with accompanying text.

The Lightbox feature is available in all Squarespace plans. To add Lightbox to your website, you’ll need to add the following code to your site’s CSS:

PRO TIP: Please be aware that the article entitled “What Is Lightbox in Squarespace?” may contain outdated or inaccurate information.

.lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
z-index: 9999;
}

.lightbox-content {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 40px;
max-width: 600px;
}

Lightbox is a great way to display images and videos on your website. It allows your visitors to view them in a larger window, and it also gives you the ability to add text and other content to the lightbox.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.