Video Caption Box too small

Design help Custom code
1

I have found a little snippet to help me put a caption when the video lightbox is clicked but all I can get is a single line of text. How can I make the caption take in more text? I found the code snippet here

Here is my public share link: https://preview.webflow.com/preview/ummi-yakubu?preview=fb850bf8e65afb81e21aafd27975bbc6
(how to access public share link)

2

Here is my public share link: LINK
(how to access public share link)

Your links are not working. Please click the link for instructions.

3

Here is the link https://preview.webflow.com/preview/ummi-yakubu?preview=fb850bf8e65afb81e21aafd27975bbc6

4

You have to remove

.w-lightbox-caption {
    white-space: nowrap;
    overflow: hidden;
}
5

wow, and that’s it? :+1:

6

Long text may be cut off if the browser window height is too small.

7

OK…that bit of code is not a part of what I saw on your guide, and I cannot find it in my custom code

8

Oops, in that case you have to use it as an override. Simply reverse the styles, and add on to the code in the guide.

.w-lightbox-caption {
    white-space: initial;
    overflow: initial;
}
9

and now I’ve run into the browser height issue. Can I reduce the height of the video so I can see the caption?

10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.