CSS for changing slideshow Title and Description

Okay, figured it out and sharing for anyone else with the same question. Obviously my specific setting are just for the example, you can play with the values.

To change the slideshow image title:

.sqs-gallery-block-slideshow .meta .meta-title {
font-family: georgia;
font-size: 18px;
color: #ffffff;
}

To change the image description in the slideshow (you can see here I've also set the opacity of the text so that it's not transparent like the background):

.sqs-gallery-block-slideshow .meta .meta-description p {
 font-family: Georgia;
 font-style: normal;
 font-size: 18px;
 color: white;
 opacity: 1;
}

And finally, to change the background of the image slideshow wrapper (the background box behind the text):

.sqs-gallery-block-slideshow .meta .meta-inside {
 background: #000000;
 opacity: 0.7;
}

Just insert these codes in your custom CSS and you should be good to go!

Yes, it worked! :) Very clever, thank you

Hey there, I've got this working, but in responsive mode the text overflows right down over elements below. Any idea what CSS might be needed to tell it what to do on a smaller screen?

I used this for my site and it worked like a charm. Thanks so much for helping!

Using this code made a successful change when viewing my site with the CSS Editor open, but they don't appear on my live site or when the site is reloaded in editing mode. Any idea why that might be?

Thanks @socialitestyle , this is really helpful.

However, this part isn't working for me:

"To change the image description in the slideshow (you can see here I've also set the opacity of the text so that it's not transparent like the background):"

The text is following the wrapper opacity so it doesn't display well for me.

Anyone else experienced this and maybe found a solution?

I am just loving this Squarespace community. I know this query is a few years old, but I am getting through my Squarespace build with resources like this!