Jump to content

Reduce letter spacing site wide

Recommended Posts

Hey guys!

I'm working on a new site, and I've added a custom font. 

Managed to get it everywhere I need it to be, but I need to reduce the letter spacing to maybe -1 px.

I've mucked around with some code, but can't seem to get it to work.

I want the spacing to be reduced site-wide, including on the header nav and buttons, including the header button.

If anyone could help, that would be fab.


Pass: lbcopy

Thanks in advance!

Link to comment
  • Replies 1
  • Views 515
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi @LBC20 you can either change the letter spacing in Squarespace or with CSS. 

For CSS, if you can share the code that you've tried, we can see if we spot any errors. 

Otherwise, you can try doing this with built-in Squarespace functionality.

Site Styles -> Fonts -> Headings -> Letter Spacing.

You can change that for all font types here.

Let me know how it goes.


-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech

💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


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.