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

I don't see this option listed under the style options for the Dovetail Template. I'd like to make the font match the rest of the site. See an example here: http://halberstadtortho.com/rockville-centre-orthodontist

Thanks!

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.

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.

Try this instead:

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

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????

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

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!!