Jump to content

Code to customize font/text styles

Recommended Posts

Site URL: http://lindsey-cash.com

I have the Ishimoto template and am getting frustrated since the "Headings" site tweak controls the Heading 1 & Heading 2 and the "Text Size" controls the Body Text and Heading 3, so you are left with only 2 font choices and basically 2 text sizes on your whole site.

I feel kind of dumb asking this, but is there a code I can get to customize font on each page, and how do i determine which text blocks are affected by which codes?  

Thanks SO MUCH! 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

To adjust heading font on specific page, add this code to Page Settings > Advanced > Header (if you use Personal Plan, you need to use other code)

<style>
  h1 {
  	font-size: 100px;
    color: red;
    font-weight: bold;
    font-family: monospace;
    letter-spacing: 10px;
  }
   h2 {
  	font-size: 50px;
    color: green;
    font-weight: bold;
    font-family: future-pt;
    letter-spacing: 10px;
  }
</style>

how do i determine which text blocks are affected by which codes?  

You need to know CSS basic or post on SS Forum to ask or hire someone 😅

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
  • 1 month later...

Hello! What is the other code for personal plan? I am having the same problem. I cant work with just two fonts, I need a third for my home page where my company name is written out differently.

im on 7.1 and the website is www.the-comms-collective.com.

Thanks. @tuanphan

Edited by Pippa
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.