Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
jseaberg

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

Question

10 answers to this question

Recommended Posts

  • 1

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.

Edited by kale
Posted new, working code.

Share this post


Link to post
  • 1

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

Edited by bosabri
Initial Revision

Share this post


Link to post
  • 0

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

Edited by jcuvdb

Share this post


Link to post
  • 0

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


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


Edited by jcuvdb
Initial Revision

Share this post


Link to post
  • 0

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?

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

×
×
  • Create New...