How to customize the digital product block in Squarespace

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 website tools, 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

Feedback Box

Did you find this information helpful?

Recommended Code Resources

Custom Codey: Squarespace Code Support AI

An AI trained to be an expert at all the nuances of Squarespace, Custom Codey provides instant code solutions and guidance for your Squarespace customization needs.

CHAT WITH CODEY

Squarespace Code Class

Perfect for beginners, this class will teach you the basic skills you need to create your own custom code for Squarespace.

LEARN TO CODE

Squarespace Code Collection

Get access to the world’s largest database of Squarespace selectors and premade style plugins.

GET THE COLLECTION