Where to add custom CSS on Squarespace
If you’re getting to grips with building websites on Squarespace then you may be starting to wonder how to add custom CSS.
Whilst most of my Squarespace tutorials walk you through what code you need, until now I haven’t talked you through how to add the code.
Luckily, it couldn’t be simpler…
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
Where to add custom CSS on Squarespace
In order to add custom CSS to your Squarespace website, from your main dashboard, navigate to ‘Design’ and then select ‘Custom CSS’.
This will open up the custom CSS window and it’s here that you add in all of the custom code that will allow you to build a Squarespace website of the highest quality.
You can also upload custom files to reference in your code by selecting manage custom files. This is where you can add elements such as images, fonts and GIFS etc.
The great thing about the custom CSS panel on Squarespace is that it will tell you if you’ve inputted the code wrong, for example if you’ve missed a closing bracket, so you can be sure that everything you’re adding into the backend of your website is correct.
And that’s it. It really is that simple to add custom CSS to a Squarespace website. For lots of people using custom CSS is daunting but it doesn’t need to be and Squarespace is one of the best platforms to enhance with some clever pieces of code.
Have a go and let me know how you get on!
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
