Am I to understand correctly that you cannot change the default color of the caption in a lightbox gallery? It seems inexplicable to me that the default would be small gray type on a gray bar. Only half of my captions are readable.
Can someone please confirm this? Thank you!
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Edit only by custom CSS. This is the selector (In this example red text and blue background):
<style>
.w-lightbox-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: .5em 1em;
/* background color */
background: blue;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
/* text color */
color: red;
}
</style>
-or- if you want to override only the text-color and background:
<style>
.w-lightbox-caption {
/* background color */
background: blue;
/* text color */
color: red;
}
</style>
copy–>paste => before head
1 Like
Thank you for that info! I’m a little unclear though on where I am supposed to paste this code. I’m fairly new to Webflow and I’m still trying to get my bearings. I want to make the type white on the caption (the background is fine), so I’m guessing it would be… ??
.w-lightbox-caption {
/* text color */
color: white;
}
- Under page setting → Before head (for a specific page)
- Or globally (all site) under site setting => custom code
Important - you will see the effect only in the live url (Not in the editor/designer mode).