StarBytes 0 Share Posted December 31, 2020 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
tuanphan 9,330 Share Posted January 2 Hi. If your site is trial, you can setup password & share url. We can help easier You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
tcp13 353 Share Posted February 3 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment