Jump to content

Slideshow image captions font size is too small

Recommended Posts

I'm working on a new site in 7.1, it's still in the trial so I can't provide the url yet. I have images in a slideshow on a project page, and I've turned on captions (showing the description) but the font size is so tiny compared to all the other text I think it would be too small for some people to read. This seems like a problem for accessibility. Is there any way to change it? As it is a website about art, the descriptions of the slideshow images are very important to viewers.

The base font is 16px.

I tried custom css (below) but it doesn't have any effect, and I gather the caption font can not be changed. 

I changed the base font to 24 px and it had no effect on the caption text size.

.gallery-item-description {
      font-size: 2rem; color: #fff;
    }

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • 1 month later...

Hey @StarBytes,

Still having trouble with this? It's hard to guess without a link, but you may need to append !important; to your CSS rules like so:

.gallery-item-description {
  font-size: 2rem !important;
  color: #fff !important;
}

And of the top of my head, it's possible you might instead need to target a descendant of the gallery description class:

.gallery-item-description p {
  font-size: 2rem !important;
  color: #fff !important;
}

Hope this helps!
-Tyler

Hey, I’m Tyler. 👋 I’ve been a professional Squarespace user since 2016. I’m a recovering startup founder, currently on sabbatical after selling my Squarespace business. I now spend my free time working on weird side projects and half-baked ideas.

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.