This guide covers frequently asked questions about making style changes and using the Site Styles panel.
For step-by-step instructions for using Site Styles, visit Making style changes.
This guide is for version 7.0. To learn more about style options in version 7.1, visit Version 7.1 style and design options.
Why can’t I find the font I want to use?
Each font menu displays a curated selection of fonts from Adobe and Google Fonts at the top, sorted by type. Scroll further to browse our full library of 1600 fonts. You can also use the search field at the top of the menu to search for a specific font name.
If you still don’t see the font you need, you can add a custom font by using our integration with Adobe Fonts. To learn more, visit Changing fonts.
Why is Site Styles different after switching templates?
Site Styles is unique for each template, as different templates offer different features. When you preview or set a new live template, you’ll only see the style tweaks available in that template. Your fonts, colors, spacing, and other styles will revert to your new template's defaults.
To learn more, visit Switching templates.
Can I revert to previous style changes?
Yes, but only in some cases.
If you're in Site Styles making changes and haven't clicked Save, you can undo any recent changes by clicking the undo icon the top of the panel or by clicking the dot next to a specific tweak.
After clicking Save, you can still cancel the save by clicking the undo icon before leaving the panel.
After clicking Save and leaving the Style panel, all changes are permanent. It’s not possible to revert to a previous version unless you reset to defaults.
However, if you switch templates and then switch back to a previously used template, you'll see all style changes as you last left them in that template.
I changed fonts and my text doesn't look right.
This may be a result of a formatting issue in the Text Block that you can fix. If you pasted text from another source, you can accidentally copy over formatting that interferes with the settings you enable in Site Styles.
To avoid this, we recommend creating and formatting content directly in Text Blocks whenever possible. To learn more, visit Fixing text formatting.
How do I go back to my template’s original style?
- In the Home Menu, click Design, and then click Site Styles.
- Scroll to the bottom of the Site Styles and click Reset Styles to Defaults.
- Review the confirmation message, and click Reset.
- After saving Site Styles, your template will reset to its default styles.
What if I don’t see the change I want to make?
Before navigating to Site Styles, choose the page you’d like to edit from your Pages panel. This ensures that you see all style options relevant to that page type. For example, if no text on the page uses Heading 3 formatting, the Heading 3 style option won't appear in Site Styles.
Some tweaks are dependent on other tweaks to appear. For example, in the standard Gallery Page, the Aspect Ratio tweak only appears after you've clicked the Gallery Design tweak and selected Grid. If you're unsure, see the Site Styles tweaks guide for your template.
If you still don’t see the style option you’re looking for, you can make additional style changes using CSS. We recommend having a good knowledge of CSS before attempting this. For more information, visit Using the CSS Editor.
I'm changing a tweak but nothing's happening
Try clicking Save and refreshing the page. Although most style changes update the preview immediately, in some instances you need to save and refresh. Keep in mind that after you refresh the page you'll have to manually undo your changes (the undo option won't work).
In rare instances, a tweak may appear that doesn't affect the page you're looking at. For example, a tweak that only affects text on Blog Pages may display while you're on a Layout Page. If you're unsure, see the Site Styles tweaks guide for your template.
I'm in Site Styles, and I can't edit a page.
Site editing is disabled when Site Styles is open. To add or remove content, close Site Styles and open the Pages panel.
Can I set different styles for each page?
Each style tweak applies site-wide, wherever that element appears. This keeps your site's design clean and consistent.
For example, if you change the font and color of your Heading 1, all Heading 1s on your site will change. Similarly, any style changes to body text, buttons, page titles, social icons, etc. will apply across all pages on your site. It isn't possible to vary these site-wide tweaks by page without custom code.
Can I import or export Site Styles tweaks?
This is currently only possible for Circle members, who have access to Tweaks 2.0.
Tweaks 2.0 is available on any website you have permission to edit from the account associated with your Circle membership. You don't need to manually install or enable the features.
To see the new features, go to the Home Menu, click Design, then click Site Styles. Use the search bar at the top to find specific tweaks, or scroll to the bottom to see the Import and Export buttons.
- Tweaks download as a JSON file.
- Custom modifications to CSS won't be imported.
- We recommend exporting your current tweaks before importing new ones. After clicking Save, there isn't a way to roll back to your previous settings.
For best results, you should only import a tweaks JSON file to a template in the same family as the one the original tweaks came from.
- If you import tweaks from a different template family, only tweaks that have the same name and options will update.
- If you're previewing a template when you export, the exported tweaks are specific to the previewed template.
Note: While troubleshooting Tweaks 2.0 falls outside of the scope of Squarespace support, you can submit issues or feedback using the form linked in this Circle forum post.