> For the complete documentation index, see [llms.txt](https://docs.kaliumtheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.kaliumtheme.com/post-types/portfolio/creating-a-portfolio-item/lightbox.md).

# Lightbox

The Lightbox item type displays your media directly in a lightbox view, offering an engaging way to showcase images or videos with overlay effects. Users can view content in a larger, focused format.

This item type is designed to open directly from the [Portfolio Page](/post-types/portfolio/portfolio-page.md) (portfolio archive) and can also be accessed on a single portfolio item page through portfolio item link.

<figure><img src="/files/NPdJhjahysf9nS5xfcLp" alt=""><figcaption></figcaption></figure>

## Lightbox Options

This type supports both images and videos in lightbox. You can customize the lightbox behavior by displaying the *featured image*, *a custom assigned image*, *a set of images and/or videos*, or *a single video* from sources like *YouTube*, *Vimeo*, or *self-hosted*.

### Featured Image

By default, this item type uses the featured image assigned for the lightbox, requiring no additional configuration.

<figure><img src="/files/jZMP0ZRDkmpf4HGGiuY1" alt=""><figcaption></figcaption></figure>

### Custom Image

This option lets you set a single custom image for the portfolio item. In the [Portfolio Page](/post-types/portfolio/portfolio-page.md) (portfolio archive), the featured image is displayed, but when the lightbox opens, the image assigned in this field will be shown.

<figure><img src="/files/M3DG2OrXCYstzsGEiq4o" alt=""><figcaption></figcaption></figure>

### Video Content

Shows a video from any supported source (*YouTube*, *Vimeo* or *self-hosted*) in lightbox.

<figure><img src="/files/eZw527QlcCbWCx8TtBtA" alt=""><figcaption></figcaption></figure>

### Mix of Images and Videos

Selecting **Multiple Images and/or Video Gallery** allows you to display multiple media items in the lightbox.

<figure><img src="/files/uq03HkWkApwMI19pntW8" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The **Browse Mode** option in **Portfolio Page** settings set items chaining behavior for the lightbox. For more [read here ->](/post-types/portfolio/portfolio-page.md#lightbox-type)
{% endhint %}