Edit your site's fonts, colors, and spacing.

Use options in site styles to change your site-wide style settings. We recommend experimenting with different style options, called “tweaks,” as you build your site so you can get a grasp of what’s possible and create a design you love.

These style options are for version 7.1 sites. Site styles in version 7.0 work differently.

Video on styling your site

This video shows how to edit your site-wide styles and page section styles.

Tip: In our Site editing and styling fundamentals webinar, we’ll walk you through styling colors and fonts. Webinars typically last one hour, and you don’t need a Squarespace site or account to sign up.

Customize your site styles

How you style your site depends on if you're editing your site on a computer or in the Squarespace app.

Select a theme for your site

Themes are preset packs organized into categories for specific moods and aesthetics, like Professional, Playful, or Innovative. When you select a theme, it automatically changes your site’s fonts, colors, and buttons, but you can still style individual settings afterward. 

To apply a theme to your fonts, colors, and buttons: 

1. Open the Pages panel.
2. Click any page, then click the paintbrush icon in the top-right corner. You can also click the paintbrush icon while editing the page.
3. Click Themes.
4. Select a theme.

What changes can I make in site styles?

The changes you make in site styles will typically be site-wide, including:

• Choosing and customizing the fonts used across your site.
• Customizing your site’s color palette
• Styling your site’s buttons
• Styling your site’s forms
• Adding site-wide animations
• Changing spacing on your site
• Styling image block layouts

Style other elements on your site

Outside of site styles, you can make more focused style changes to specific elements on your site, including:

• Your site’s header
• Your site’s footer
• Page sections
• Blog pages
• Calendar pages
• Course pages
• Portfolio pages
• Store pages
• Videos pages

Save or undo changes in site styles

While making changes in site styles, you can save your changes, undo the previous change, or reset areas of your site to their default styles.

Save style changes

After you’ve made any style changes, click Save in the top-left corner of the page editor. It’s not possible to undo changes after saving.

Undo style changes

To undo style changes:

• Before saving, click the undo arrow at the top of the panel. This cancels the last style change you made.
• Click the undo arrow multiple times to cancel more changes, sequentially.
• Click the redo arrow to redo a change.

Tip: You can close the Site styles panel to edit your page content and still undo or redo your last style change.

Reset to default styles

You can reset some style options to the site's defaults. This reverts the area to the way it was set when you created your site. After saving, this change isn't reversible.

Add custom CSS

All Squarespace sites automatically manage your site's CSS (cascading style sheets) without custom code. However, if you're familiar with CSS and can't find a change you need in site styles, you can add custom CSS in the CSS editor.

More help with style changes

If you need more help making changes to your site's styles:

• Visit Style changes FAQ to review answers to common questions.
• Attend a one-hour webinar to learn the basics of editing your content and adjusting site styles.
• Join Squarespace's partner program for professional web designers, Circle, for access to a private Q&A forum where you can ask questions about custom code.
• Hire an independent designer through Squarespace Marketplace to customize your site's design.