---
title: "Using the lightbox"
canonical_url: https://support.digitalphotogallery.com/articles/article/3336b342-c102-11ea-8de0-3248f2465248
short_url: https://dpg.support/awxx
category: "Websites > Customisation > Essential Portfolio"
locale: en
updated_at: 2021-07-28T10:55:45Z
source: Digital Photo Gallery Support
---

# Using the lightbox

The lightbox is a single media style where the image pops over the index view rather than loading as a separate page. It's a great option for a focused single item view which doesn't need much additional context or information, presenting the image without distractions.

### In this article:

* [Lightbox styles](#lightbox-styles)
* [Enabling lightbox view](#enabling-lightbox-view)
* [Choosing lightbox style](#choosing-lightbox-style)
* [Editing the style](#editing-the-style)

### Lightbox styles

Both the lightbox styles can use keyboard arrow navigation to quickly navigate through images, as shown in the videos below (the arrows show keyboard actions and are not visible on the site). 

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/4cc6bd3e-c125-11ea-a7af-6e50fb6d292e/1502_support.jpg?generated=20200708151419)

**Frame** lightbox shows image information such as title and description. It also shows a counter of the number of images in the set, image navigation and an icon to enable fullscreen view. }

autoplay

From the website screen, enter the Design section by clicking **Edit Design** and navigate to the gallery page. With the gallery page in the preview window, go to **Page** and **Media** in the side panel. Toggle the **Lightbox** switch to the on position and click **Save**. The images will now pop up in lightbox view from the index of the gallery. 

### Choosing lightbox style

[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/f04aa586-c109-11ea-8a7d-629c2013df2f/f5cf6596-c109-11ea-8a7d-629c2013df2f.mp4)
To choose a different lightbox style go to **Page** > **Page** tabs. You'll see an option for **Lightbox Style**. Choose a style and click **Save**. This will set the lightbox style. 

### Editing the style
You can further customise each of the lightbox styles. 
[▶ Video](https://cache.dpg.media/hyqelgcvfopo/videos/8cc5e6c4-c136-11ea-88b0-629c2013df2f/9154c7dc-c136-11ea-88b0-629c2013df2f.mp4)
Open an image in lightbox view in the preview window. Select the **Style** tab then go to the **Galleries** tab. Here you will find the lightbox design options such as colours, sizes and typography. Any changes you make will be reflected in the preview window. When you're happy with your changes, click the **Save** button.