How can I change the font and size of a caption overlay on a gallery slideshow?

I believe adding this CSS to your custom CSS will change the font to match your font on the site. It looks like you use two variants of "museo" (both museo and museo-sans) so if you want the sans version, just add '-sans'

.sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo"; }

or for sans version

 .sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo-sans"; }

This CSS specifies that 'gallery blocks' use 'museo' for the titles, so other things that use .meta-title won't be affected. This probably wouldn't change the font for something like a 'gallery page', so if you need the code for something like that, just post here.

Try this instead:

.sqs-gallery-block-slideshow .meta .meta-title { font-family: "museo"; }

THANKS! Here's how to make the font larger and bold in the Caption overlay (In most templates, for captions that display over the Image Block when it's displaying on the page: Font: Follows body text Color: Always gray)

.sqs-gallery-block-slideshow .meta .meta-title { font-size: 30px; font-weight: bold; }

Thanks! I tried this in both the style editor for the overall site and the custom css on an individual page - can't seem to get it to work.

got it, thanks so much!!!

You can also adjust the size of the title and description with the following code:

.sqs-gallery-block-slideshow .meta .meta-title { font-size: 12px; }
.sqs-gallery-block-slideshow .meta .meta-description p {font-size: 10px !important;}

what i need to do if I want the type italic or bold????

You can adjust the size of the Images within a Gallery Page using this code:

.image-title .image-description{
 font-size: 1.5em;
}

These codes don't seem to be working for me. I have an image gallery set up on a page. I want to change the font of the image descriptions. How can I do this?

This worked so well – thank you for sharing! LIFESAVER today!!