Streaming live at 10am (PST)

Caption color in a lightbox


#1

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)


#2

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


#3

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; }

#4
  • 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).