How to add custom CSS to Squarespace

The preferred method is to add code to your CSS panel. You’ll find it by navigating to pages under your website menu, then selecting custom code, then custom css.

Be advised that the location and labels inside the Squarespace menu can change. To quickly locate your CSS panel, you can press the / button on your keyboard to open up the program search feature. This search feature is for Squarespace program menus, and will not search the content of your site. Look for custom css and you’ll be taken directly to the CSS panel.

To apply custom code to an individual page on your website, check out this resource article for more info: tutorials.squarespace.com/resources/install-code

If you only want to change one specific item on your Squarespace website, check out this resource article for more info:
tutorials.squarespace.com/resources/block-id

How to add custom CSS to Squarespace

Did you find this information helpful?

Recommended Code Resources

Custom Codey: Squarespace Code Support AI

Squarespace Code Class

Squarespace Code Collection

Recommended Squarespace Resources

Squarespace Made Simple

Website Content Organizer

Got questions? Can't find what you’re looking for?