Jump to content

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

Recommended Posts

  • Replies 10
  • Views 24.9k
  • Created
  • Last Reply

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.

Link to comment
  • 2 years later...

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

Link to comment
  • 4 months later...
  • 9 months later...

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

Link to comment
  • 1 month later...
  • 2 months later...
  • 7 months later...


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.