How to Change a Single Line of Text on Your Squarespace Website Using CSS
I'm sure many of you who use Squarespace are frustrated with the inability to alter a single word's font and are restricted to the designated font family of your choice. I understand this frustration, as I once felt the same. However, there is a workaround using CSS and I am here to help!
Change the font size of text in your Squarespace website
Find the text you want to edit > highlight, select H1 and turn text bold > save page. Then head to design > custom CSS > past the following code and save.
Note: If you're curious why we chose H1 and turned it bold, it's to communicate that we want to edit that particular font setting. Don't worry if you want different sized text because you can alter that with the CSS code below. Simply change the pixels (px) highlighted in red.
h1 strong {
font-weight: normal;
font-size: 50px;
font-family: proxima nova !important;
}
An example of what you should see below
Before
After
Note: You can then change the font family (highlighted in blue above,) although you need to choose a font family native to Squarespace. To use a different font family, simply upload your desired font file.
If you have any questions or need any help, please feel free to reach out!
