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

Changing Mobile font size on a single page


I’m looking for some help to change the mobile font size on a single page on a website.  I have CSS code changing the font size for all mobile pages, which is perfect, but now I need to further modify the mobile font on a single page without impacting the font size at the other page breaks.  I also don’t want the CSS to impact font size on any other page.  Any help would be appreciated!

Edited by Alex_G

Share this post

Link to post

5 answers to this question

Recommended Posts

  • 0

If you're using Squarespace 7.0 (NOT 7.1):

  • Use Chrome browser and use it to install the following Chrome extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  • Visit the page you want to modify the text on and click the extension's icon image.png.45e20e59014a9a458e6f62f8d7005e38.png
  • An overlay will appear showing all of the permanent collection and block ids on the page
  • Click the top left, collection overlay item and it will copy to your clipboard image.png.7ec3d6a7225d92a3a922762056c234bd.png
  • Now take a copy of your existing font color code and prefix it with the collection id. Paste the copy *after* the code you already have. That sets up the css so that it tweaks the color for everything and then applies the second color tweak only to relevant collection. 

Without seeing your code it's difficult to give a specific code example but it's probably something like 

@media only screen and (max-width: 640px) {
	#something .something {
		color: red;

You would modify it with the collection ID as follows

@media only screen and (max-width: 640px) {
	#collection-535e7627e4b0140e264640b8 #something .something {
		color: blue;

NB - Above I use a collection ID from a page on  my site - you need the one from your page. 

Edited by colin.irwin

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post

Link to post
  • 0
1 hour ago, Gui said:

Hello, Can someone help me with this? Im trying to change the font on these product pages without affecting the rest of the website. Can someone help? 

The font im trying to chnage is the small reading one Its my P font

Thank you!


please share access password.

You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

I'm overloading. Will reply all questions this month.

Share this post

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