To add CSS code to your Squarespace site:

Open the CSS Editor from your site's customization panel to add custom styling for fonts, colors, and backgrounds.

Important: Only modify fonts, colors, and backgrounds with CSS. Other modifications may harm your site functionality.

Adding CSS Code:

1. Navigate to the custom CSS panel
2. Click "Open in a new window" for a larger editing space
3. Add your CSS code
4. Click Save to publish changes

The editor displays line numbers on the left and flags syntax errors in red at the bottom.

Working with Custom Files:

1. Click "Custom Files" (or "Manage Custom Files" in v7.0)
2. Upload by clicking "Add images or fonts" or drag files
3. Supported formats:
   • Images: .jpg, .png, .gif
   • Fonts: .ttf, .otf, .woff
   • Note: .svg files not supported

Using Uploaded Files:

1. Place cursor in code where you need the file URL
2. Click the uploaded file
3. URL automatically pastes into your code

SSL Protocol Notes:

• File URLs adapt to your SSL settings
• When enabling SSL:
  1. Open CSS Editor
  2. Click Manage Custom Files
  3. Click file
  4. Update URL to https
  5. Save changes

Version 7.0 Note: Custom CSS doesn't transfer between templates, but remains saved if you return to the previous template.

For additional support, consult the Squarespace Forum or hire a Squarespace expert for custom development needs.

Related Articles

Previous Articles