# CMS lightbox Captions Attribute

**URL:** <https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32>\
**Category:** Support\
**Tags:** cloneable\
**Created:** [February 16, 2023, 10:08pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32 "2023-02-16T22:08:37Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeremyleroux](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/jeremyleroux/32/24_2.png) [@jeremyleroux](https://sygnal-attr.discourse.group/u/jeremyleroux)\
**Post date:** [February 16, 2023, 10:08pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/1 "2023-02-16T22:08:37Z")

</div>

Hi I am trying to use the lightbox captions. I cloned the project And tested what I wanted to add to a live project and it seems to be working .

[https://trm-cms-lightbox-with-captions.webflow.io/recipe/vitae-quo-voluptas](https://trm-cms-lightbox-with-captions.webflow.io/recipe/vitae-quo-voluptas)

But when i try to apply it to this live project  
preview link - [Webflow - lodge-site](https://preview.webflow.com/preview/lodge-site?utm_medium=preview_link&utm_source=designer&utm_content=lodge-site&preview=292e9b2b731a5f422c23b2e398bd0822&pageId=63ebf979adf3c88b7572d67e&itemId=63ebfc317fffbd235b1a6ded&workflow=preview)  
I get errors  
Live - [lodge-site](https://www.fraserriverlodge.com/wedding-sites/the-field)

Does the collection list have to be a certain structure for this to work? Or are the field names for the captions specific?

Thanks in advance for any help.

* * *

IMPORTANT  
If you want support, please make certain to include-

1. Your project’s read-only link.  
[Share a read-only link | Webflow University](https://university.webflow.com/article/sharing-your-sites-read-only-link)
2. A link to your published project ( [webflow.io](http://webflow.io) is fine )
3. Details on exactly where to look on your site for the problem you’re describing

---

<div class="post-metadata">

**Author:** ![memetican](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/memetican/32/9_2.png) [@memetican](https://sygnal-attr.discourse.group/u/memetican)\
**Post date:** [February 16, 2023, 10:51pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/2 "2023-02-16T22:51:44Z")

</div>

For some reason your lightbox HTML is malformed, but it also looks out of sync with your CMS data.

---

<div class="post-metadata">

**Author:** ![jeremyleroux](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/jeremyleroux/32/24_2.png) [@jeremyleroux](https://sygnal-attr.discourse.group/u/jeremyleroux)\
**Post date:** [February 16, 2023, 11:30pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/3 "2023-02-16T23:30:01Z")

</div>

Appreciate that. Webflow is having issues today so I have kind of left it to see if it resolves on its own. I couldn’t see anything on my end I was doing wrong. So appreciate the second set of eyes. The first caption is that the main image and alt possibly. The first link I provided was a working version of this setup. On a clone of your cloneable. The setup being a lightbox main image, lightbox multi-image and lightbox video all linked together in a group. Thanks again for taking a look this setup is fantastic. i don’t understand why Webflow hasn’t improved this component.

---

<div class="post-metadata">

**Author:** ![jeremyleroux](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/jeremyleroux/32/24_2.png) [@jeremyleroux](https://sygnal-attr.discourse.group/u/jeremyleroux)\
**Post date:** [February 16, 2023, 11:35pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/4 "2023-02-16T23:35:30Z")

</div>

I also have that button that opens the lightbox but doesn’t have anything attached. Is that messing it up?

---

<div class="post-metadata">

**Author:** ![jeremyleroux](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/jeremyleroux/32/24_2.png) [@jeremyleroux](https://sygnal-attr.discourse.group/u/jeremyleroux)\
**Post date:** [February 16, 2023, 11:58pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/5 "2023-02-16T23:58:10Z")

</div>

@memetican No that seems to not hurt anything.  
[https://trm-cms-lightbox-with-captions.webflow.io/recipe/vitae-quo-voluptas](https://trm-cms-lightbox-with-captions.webflow.io/recipe/vitae-quo-voluptas)

added a lightbox link with no image just text and link to group. Works fine in this project. Has to be that live webflow project. Checked the [webflow.io](http://webflow.io) and it is doing the same thing.

---

<div class="post-metadata">

**Author:** ![memetican](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/memetican/32/9_2.png) [@memetican](https://sygnal-attr.discourse.group/u/memetican)\
**Post date:** [February 17, 2023, 7:31pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/6 "2023-02-17T19:31:12Z")

</div>

> [@jeremyleroux](#):
>
> I also have that button that opens the lightbox but doesn’t have anything attached. Is that messing it up?

A lightbox with no items… that seems like the most likely cause of your missing image and missing alt caption. What happens when you remove that?

I think I could modify the library to look for and ignore missing items, however I’m trying to figure out the best way to test it, since I’m not certain how to recreate your scenario.

Do you want to clone your site and then transfer that copy to my workspace?

---

<div class="post-metadata">

**Author:** ![jeremyleroux](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/jeremyleroux/32/24_2.png) [@jeremyleroux](https://sygnal-attr.discourse.group/u/jeremyleroux)\
**Post date:** [February 18, 2023, 12:53am UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/7 "2023-02-18T00:53:13Z")

</div>

Hi Michael

The strange part is it works, just not on that collection in that lodge project.

here is the cloneable of yours  
[https://preview.webflow.com/preview/trm-cms-lightbox-with-captions?utm\_medium=preview\_link&utm\_source=dashboard&utm\_content=trm-cms-lightbox-with-captions&preview=b71f3b4699bd7f2bb5903028905797c0&workflow=preview](https://preview.webflow.com/preview/trm-cms-lightbox-with-captions?utm_medium=preview_link&utm_source=dashboard&utm_content=trm-cms-lightbox-with-captions&preview=b71f3b4699bd7f2bb5903028905797c0&workflow=preview)

I added my structure to the template page and collection recipes you already have. There is the additional images - multi-image , single image video and the single button link. And it all works.

[https://trm-cms-lightbox-with-captions.webflow.io/recipe/vitae-quo-voluptas](https://trm-cms-lightbox-with-captions.webflow.io/recipe/vitae-quo-voluptas)

Nest the lightboxes in other divs shouldn’t affect the outcome since it is looking for the [attribute]

I’m going to start from a clean slate on the template page on the lodge site and see if I can’t duplicate the success of the cloneable. will let you know the progress

appreciate your time.

**Webflow - TRM CMS lightbox with captions - 17 February 2023** - [Watch Video](https://www.loom.com/share/044be6fe9d9a4a048eb35b3abbc1dbab)

[![](https://global.discourse-cdn.com/free1/uploads/sygnal_attr/original/1X/1fa2980c20423e868ea52302aa326989182f217f.gif)](https://www.loom.com/share/044be6fe9d9a4a048eb35b3abbc1dbab?utm_medium=gif)

---

<div class="post-metadata">

**Author:** ![claudia3005](https://avatars.discourse-cdn.com/v4/letter/c/ecd19e/32.png) [@claudia3005](https://sygnal-attr.discourse.group/u/claudia3005)\
**Post date:** [March 27, 2025, 9:39pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/8 "2025-03-27T21:39:48Z")

</div>

Are you able to please take a look at my site to see if I’m doing anything wrong?  
I was unsure about how to style the caption, but from what I can see when I inspect the live site, the captions aren’t being generated. I know there’s a note on the SA5 page about a bug from August 2024 that Webflow were working on, but I’m hoping that isn’t the case still…

> **[Webflow - Three Dolphins Villa](https://preview.webflow.com/preview/threedolphins?utm_medium=preview_link&utm_source=designer&utm_content=threedolphins&preview=0add16f4c6f4f2293a1edff97027b48b&pageId=67d11397832411e78e4c3e00&locale=en&workflow=preview)**

> **[Gallery | Three Dolphins Villa](https://www.threedolphins.com/gallery)**

---

<div class="post-metadata">

**Author:** ![memetican](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/memetican/32/9_2.png) [@memetican](https://sygnal-attr.discourse.group/u/memetican)\
**Post date:** [April 7, 2025, 10:18pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/9 "2025-04-07T22:18:18Z")

</div>

Hi Claudia, I finally had a chance to re-review all of the different setup possibilities.  
Unfortunately the only configuration that works properly with captions is when;

- Lightbox media is bound to a CMS image field ( not multi-image )
- Lightbox contains an image thumbnail, where the `alt` can be bound

Every variation I’ve tried with multi-image fields fails either due to the `alt` text bug which still exists, or due to the way lightboxes work internally.

All of the docs are updated with notes.

> **[CMS Lightbox + Captions | SA5 | Sygnal Attributes | Designed for Webflow](https://attr.sygnal.com/sa5-elements/lightbox/cms-and-lightbox-+-captions)**
>
> Display CMS-Managed Captions in Webflow’s Lightboxes

---

<div class="post-metadata">

**Author:** ![claudia3005](https://avatars.discourse-cdn.com/v4/letter/c/ecd19e/32.png) [@claudia3005](https://sygnal-attr.discourse.group/u/claudia3005)\
**Post date:** [May 8, 2025, 2:46pm UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/10 "2025-05-08T14:46:35Z")

</div>

Hi Michael,

Thank you so much for looking into this for me! I’ve gone ahead and built my gallery with single CMS image fields, and the captions were working as of yesterday, but since filling the other tabs and their lightboxes, now they aren’t showing.

Is this an issue with multiple lightboxes on one page? Would really appreciate your help again!

This is my shareable link, it’s on the ‘Gallery-new’ page: [https://preview.webflow.com/preview/threedolphins?utm\_medium=preview\_link&utm\_source=designer&utm\_content=threedolphins&preview=0add16f4c6f4f2293a1edff97027b48b&pageId=67f7e212c9bad22240127dca&locale=en&workflow=preview](https://preview.webflow.com/preview/threedolphins?utm_medium=preview_link&utm_source=designer&utm_content=threedolphins&preview=0add16f4c6f4f2293a1edff97027b48b&pageId=67f7e212c9bad22240127dca&locale=en&workflow=preview)

---

<div class="post-metadata">

**Author:** ![memetican](https://yyz2.discourse-cdn.com/free1/user_avatar/sygnal-attr.discourse.group/memetican/32/9_2.png) [@memetican](https://sygnal-attr.discourse.group/u/memetican)\
**Post date:** [June 1, 2025, 7:19am UTC](https://sygnal-attr.discourse.group/t/cms-lightbox-captions-attribute/32/11 "2025-06-01T07:19:04Z")

</div>

Hi Claudia,

Currently you can see that your image element [1] is set to alt text from image [2].  
Since you’re sourcing from the CMS, and not assets, there is no alt text.

What you’ll want to do is to create a text field in that collection to store your Alt text, and then bind [2] to that.

 ![image](https://global.discourse-cdn.com/free1/uploads/sygnal_attr/original/1X/b7dd5f5d45588bef601cdf598311512ae1936d4c.jpeg)
