How to reformat hover text in Lightbox

Site URL: http://hannahpeckillustration.co.uk

I've used CSS to add overlay & hover text over images which I like and want to keep; but I want to reformat the text inside the pop-up Lightbox to match.

At the moment the banner is grey and text / font doesn't match. 

Any CSS I can add / edit? 

pw: webdesign2022 

Hover style: 

Lightbox pop up I want fixed: 

1 hour ago, hpeck said:

Site URL: http://hannahpeckillustration.co.uk

I've used CSS to add overlay & hover text over images which I like and want to keep; but I want to reformat the text inside the pop-up Lightbox to match.

 

At the moment the banner is grey and text / font doesn't match. 

 

Any CSS I can add / edit? 

 

pw: webdesign2022 

 

Hover style: 

 

Lightbox pop up I want fixed: 

 

 

Try adding to Home > Design > Custom Css

.yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

6 minutes ago, bangank36 said:

Try adding to Home > Design > Custom Css

.yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible {
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Works great! Just need the font to match, now. It's Adobe Calson Pro 

On 2/15/2022 at 6:12 PM, hpeck said:

Works great! Just need the font to match, now. It's Adobe Calson Pro 

Do you still need help with font?