Writings & Thoughts on Squarespace and Design
I work on Squarespace designing websites for clients, I also spend a little time helping fellow Squarespace users on their forum, through this I’ve found a number of common (and plenty of not so common) customizations and best practices that I hope will be useful to write up and place here for anyone to use, I hope something here helps you.
Fluid Engine Spacing Issue with Code Block Warning Message
If you are using scripts in code blocks in Squarespace to add custom code to your website, you may have come across a warning message that appears instead of rendering the script. This warning message is simply a note from Squarespace that embedded scripts are disabled whilst editing. Although this is worth noting, it causes a problem in Fluid Engine as the warning message itself takes up a number of rows, which when saved become blank spaces underneath the code and create excess padding that can’t always be removed.
Find an ID in Squarespace 7.1
There are many cases where a part of your website might need to be different from the rest, most of the time the standard design tools can solve this problem, especially with recent additions to Squarespace that allow you to change individual text colour and more! But when this isn’t enough custom styling that can target only one small part of your website is needed, and to do that we need to be able to find the unique page, section, and block IDs so that we can target them in our Custom CSS. My favourite way to do this is via a Google Chrome Browser Extension.
Custom Fonts on Squarespace 7.1
Despite Squarespace having a huge and diverse selection of fonts, there are times that call for a typeface that is not readily available. Perhaps you are trying to keep a consistent brand identity or you just want something exciting and unique to help your website stand out from the crowd, there is a place on your Squarespace website for a custom typeface. Luckily the process is fairly straightforward and I’ll walk you through it here. In summary, you need to have your font file downloaded to your computer, upload it to Squarespace, reference it to give it a name, and lastly assign it to heading, paragraph, or a custom class text.