Streaming live at 10am (PST)

I'd like to change the caption font in a lightbox


Is this possible? Is custom code needed, or is there a toggle that I'm missing?




Hi @jonnyfreedom, you can change the caption, but it is not a built in feature. You can use some custom css in the Site Header in the Custom Code section like so:


.w-lightbox-caption {
font-family: 'Great Vibes', cursive;


Replace the font-family with the font family you wish to use. I find it easy to take a text block, drag it to the page, then create a class, style it with the font I like, and then I publish the site. I then inspect the text block I styled and copy the css font family name to the style code above. You can delete the text block, I was just using that to find the style I liked and then get the style name. The css class you created, will remain, and the font loaded at page load.

I hope that helps, if not, let me know and I am happy to assist further smile Cheers, Dave


Hi Dave,

That seems rather painless. I'll certainly try that out and let you know if I have any difficulties.



Is it possible to change the font size of the text?


Add this to your custom code "head" area.


.w-lightbox-caption {


Change the 24px to to something more appropriate to your project. smile


I added the code, but the point size isn't changing. Here is the read-only link if you want to see if I applied it correctly:


Nevermind ... I guess it worked, but the font didn't change in Webflow view. I looked on the live site and it's correct. Thanks a lot of PixelGeek.


Hi @chrisgreer33, thanks for the update smile At the moment, custom css only will show on the published site smile Cheers, Dave




I was wondering, is it possible to adjust the height of that translucent-black overlay that is behind the lightbox caption text? Tks!

closed #10