To add custom CSS code to your Squarespace site:

1. Access the CSS Editor

• Open the Custom CSS panel
• Click "Open in New Window" for an expandable view
• Add your code and click Save to publish changes

Note: Custom CSS should only modify fonts, colors, and backgrounds. Other changes may affect site functionality.

2. Upload Custom Files

• Click "Custom Files" or "Manage Custom Files"
• Upload by clicking "Add images or fonts" or drag files
• Supported formats: .jpg, .png, .gif, .ttf, .otf, .woff (no .svg)

3. Using Custom Files

• Write your code until you need the file URL
• Place cursor where URL should go
• Click the file to auto-paste its direct URL

4. SSL Considerations

• File URLs format depends on SSL status
• To update URLs after enabling SSL:
  1. Open CSS Editor
  2. Click Manage Custom Files
  3. Click the file
  4. Update URL to start with https
  5. Save changes

Important Limitations:

• CSS changes don't transfer between templates in version 7.0
• Built-in syntax checker flags potential browser compatibility issues
• Always test changes thoroughly before publishing

For additional support:

• Consult the Squarespace Forum
• Consider hiring a Squarespace Expert
• Explore premium plans for advanced customization options

Related Articles

Previous Articles