Custom Image Caption CSS Request

Hi all,

We suddenly noticed that the ability to choose a custom font size for image captions has disappeared from our site. I was able to confirm that this is a platform change. Why Squarespace chooses to reduce customization options is beyond my pay grade, but we're seeking a CSS that would be correct before implementing. We use image captions on inline images on blog posts and on gallery blocks in a blog post. I'm assuming something along these lines?

.sqs-block-image .design-layout-inline .image-caption-wrapper p { font-size: 16px; } 

Examples:
Unable to change image caption to Paragraph 3: https://www.filmreviewdaily.com/new-reviews/alien-romulus
Many pages seem to be grandfathered in? This is the format we prefer, Paragraph 3 image caption and Paragraph 2 body: https://www.filmreviewdaily.com/new-reviews/trap

I wouldn't want this change to affect text on Blog summary pages (https://www.filmreviewdaily.com/new-reviews) or anywhere else on the site. 

Thanks in advance for your help!
Chad Kennerk
Digital Editor, Film Review
www.filmreviewdaily.com

Hmm, that didn't seem to work. These are blog posts, so would this go in the site's Custom CSS or in the Post Blog Item Code Injection?

On 8/22/2024 at 11:17 PM, FilmReviewDaily said:

Hmm, that didn't seem to work. These are blog posts, so would this go in the site's Custom CSS or in the Post Blog Item Code Injection?

Custom CSS box

Thank you tuanphan! This worked, though we went with 16px to replicate the font size we had previously.