Make style changes to your site

false

Make style changes to your site

Last updated August 17, 2026 18:24

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.

To make style changes:

  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. In the site styles panel, you can select a theme for your site, which automatically gives many of your site-wide styles a unified theme, or you can independently customize your fonts, colors, buttons, forms, and more.

Site Styles paint brush icon

Style changes are only supported on version 7.1 sites in the app. If your site is on version 7.0, use a computer to make style changes.

To make site-wide style changes:

  1. Tap any page on your site, then tap the ^ icon at the bottom.
  2. Tap the paintbrush icon.
  3. Tap what you want to style, like Fonts or Colors.
  4. Use the options in the panel to customize your styles.
  5. When you're done making changes, tap ^ at the bottom of the screen, then tap the paintbrush icon again.
  6. Tap Exit, then tap Publish or Save.

Style individual page sections on the app

To style a section on the Squarespace app:

  1. Tap the page you want to edit, then tap the ^ icon at the bottom.
  2. Tap Edit, then tap a section you want to style.
  3. Tap the pencil icon in the section toolbar.
  4. Tap Design, Background, or Colors, then make your changes.
  5. Tap Exit, then tap Publish or Save.

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:

Style other elements on your site

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

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.

Was this article helpful?

Yes No

2043 out of 4850 found this helpful

Yes No

Make style changes to your site