Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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 post
  • 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

There were 3550 lawsuits last year against websites that were inaccessible to people with disabilities. Is your Squarespace site ADA compliant? Find out in 60 seconds with our free accessibility audit

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...