Customize Lightbox Caption 7.0

Hello Squarespace community,

I have version 7.0 and I am trying to customize the caption block in Lightbox (light overlay theme) that appears when you click on an image in my gallery (grid).

I want to change the 50% black background to transparent

The text to black

Reduce the padding between each line break 

And change the font to a custom font in my CSS (Baskerville)

Please help me with a custom CSS code that will help me achieve this.

Warm Thanks,

Jay Michelle

Hi,

Can you share link to this page? We can check easier

On 6/8/2023 at 4:04 AM, tuanphan said:

Hi,

Can you share link to this page? We can check easier

https://jaymichelleelizondo.com/

On 6/20/2023 at 5:28 AM, jaymelizondo said:

https://jaymichelleelizondo.com/

I tried click some images but can't see caption. Can you check it again?

https://jaymichelleelizondo.com/jay-michelle

On 6/22/2023 at 3:30 AM, tuanphan said:

I tried click some images but can't see caption. Can you check it again?

https://jaymichelleelizondo.com/jay-michelle

I only have captions on select images. Try here please: https://jaymichelleelizondo.com/michael

Add to Design > Custom CSS

.yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible {
    background-color: transparent !important;
}
.yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible * {
    color: black !important;
    font-family: 'baskerville' !important;
}