How to add captions to Lightbox Multi-Images and Singular Images for CMS Items

Credit goes where credit is due, and I only figured this out because of a Webflow tutorial and due to Sygnal attributes for the codes.

STEP 1 – Add the Library

There are currently no configuration options for this library, so we’ll use a no-code integration approach.

Add this CSS script to the HEAD of your site or page.

<link rel="stylesheet" href="">

Add this JS reference to the BODY of your site or page.

<script type="module" src=""></script>

STEP 2 – Add the Captions/Alt Text

This web flow tutorial was wonderful!

Then go into the lightbox link element and then in the


into the custom attribute field.

Step 3: Editing the Style of the Alt Text

To edit the style font of the Alt Text, paste this code into the head of the page:

.w-lightbox-caption {
    font-family: Arial;
    font-size: 18px;

Happy creating!