Jump to content

How do I change the font size used in the caption of image blocks?

Go to solution Solved by kale,

Recommended Posts

  • Solution

If you want this to be applied site wide, then you should use the custom CSS section, and will only have to add the CSS once -- if you want to control image captions on a single page, then you can use per page code injections and style tags.

For a single, site wide adjustment, go to 'Change Style' (paintbrush) > 'CSS' (hit confirm) and copy / paste this:


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

And then 'Save' in the CSS window, and 'Save' again in the 'Style Editor' slide-out.

If you want to control it on a page-per-page basis, you would instead go to the page in question, then go 'Manage Site' (gear icon) > 'Page Settings' > 'Advanced' > and paste this into the 'Page Header Code Injection' section (be sure to include style tags):


<style>
  .sqs-block.image-block .image-caption-wrapper p { font-size: 16px; }
</style>

You would need to do this on any page you wanted the CSS applied.

Link to comment
  • 1 month later...
  • 1 year later...
  • 3 months later...
  • 11 months later...
  • 3 months later...

I've been looking for a way to increase the font size on individual pages, for what seems like hours! Thanks to your code, @kale, I've been able to come up with a solution! By putting the code below into the CSS injection on an individual page, using the Five theme, I've been able to adjust the font size, for example, of text on my blog page. Thanks!


<style>
   .body p { font-size: 20px; }
</style>



Link to comment
  • 1 year later...
  • 2 years later...
4 hours ago, caseyscalf said:

Hello, unfortunately none of this works. Is there a new line of code? Here in 7.0 with Pacific and it is very difficult to change the text size.

Can you share link to your site?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.