website builder cheat sheet

Choose the best website builder for your business

The Cheat Sheet that shows you exactly which website builder to choose based on your needs with bonus on how to get free custom domain, free email hosting, and more.

Get the FREE cheat sheet
website builder cheat sheet

Changing template in Squarespace 7.1 when they won't let you

By David NgeLast Updated: October 04, 2024

My work is supported by affiliate commissions. Learn More

Back in 2020, Squarespace launched version 7.1, introducing a unified design system for all new websites.

In version 7.0, certain sections like blogs, galleries, and layouts were tied to specific templates, meaning customization was limited unless you switched templates entirely.

With version 7.1, every new website uses the same system, so no layouts, page elements, or designs are restricted to a specific template.

In version 7.1, you have complete flexibility to design your website however you like. Squarespace also offers pre-made layouts and page sections to help you design more quickly and efficiently.

This flexibility comes with a few downsides:

If you're currently using a Squarespace template in version 7.1, the only way to completely switch your template is to change your site design via Site Style.

Below, you'll find the step-by-step tutorial to change your site's design.

Let's get into it.

How to change template design in Squarespace 7.1

First, login to your Squarespace account and select a site to edit.

Select a site to edit
Select a site to edit

On the left panel, select WebsiteStyles.

Select Website > Styles
Select Website > Styles

You will then see the Site Styles setting pull up from the right panel.

Site Style design settings
Site Style design settings

Introducing Squarespace Themes

Squarespace recently introduced "Themes", which are pre-defined combinations of fonts, colors, buttons, and form styles.

The idea is to make designing easier, so you don’t have to tweak every little element on your own.

Site style themes
Site style themes

You can still customize things like font colors and buttons if you want, but the pre-defined options (like color palettes and font pairings) are there to help beginners create a good-looking site without much effort.

This reflects Squarespace's design philosophy: offering users control while making it easy to design a great-looking website effortlessly.

How you can easily change the site style in Squarespace

  1. Fonts — Choose one of the recommended font pairings from Squarespace that look good together. You can further customize the font size, line height, spacing, and more for headings, paragraphs, and headings individually.
Customize font options
Customize font options
  1. Colors — Choose from a set of pre-defined color palettes. These palettes look good by default, but you can customize (add or remove individual colors) as you like.
Choose a custom color palette

You can also drop an image (e.g., a logo or branded image), and Squarespace will generate a color palette for you!

Generate a color palette based on logo
Generate a color palette based on logo
  1. Buttons — You can choose one style of button to be applied across your site, or you can choose a different button style for your primary, secondary, and tertiary buttons.
Upload logo to generate a color palette
Upload logo to generate a color palette
💡
What are primary, secondary, and tertiary buttons?

Primary: The main button on a page. They should be bold and eye catching. For example: "Submit form" or "Complete Purchase".

Secondary: This is a button for an alternative action. They should be less bold but noticeable. For example: "Save this".

Tertiary: The least important button. THey should be plain and subtle. For example: "Learn more" or "cancel".
  1. Spacing — Customize the width of the content within the page page.
Customize  layout spacing
Customize layout spacing

5. Animations— animate site elements as they appear on the page.

Customizing animation
Customizing animation
  1. Image Blocks — Customize the style of how your images are presented in a collection (e.g. Collage, Card, Stack).
Customizing image blocks
Customizing image blocks

Before and After theme customization

Within a couple of minutes of tweaking the site style you can end up with two completely different looking site:

Site header (before)
Site header (before)
Site header (after)
Site header (after)

Better yet, find a template you like and just copy its site style. That way you could technically change your site to another Squarespace template.

Copy the site style from another template
Copy the site style from another template

You can change every aspect of your current site to look exactly like the new template you find. That's what the new design system in Squarespace version 7.1 allows you to do.

From the site header, content layout, buttons, images, footer layout, checkout page, social sharing, and more.

Every aspect of your site is customizable and Squarespace has done the leg work of pre-designing all these layouts so you can arrangement on your site like legos.

Frequently Asked Questions about changing templates in Squarespace

Can I change the template on Squarespace?

Yes, you can. If you're on Squarespace template version 7.0, changing the template is relatively simple; just follow the instructions in the official documentation.

However, if you're on template version 7.1, then you have to change the design manually.

How to change the template on Squarespace v7.1?

If you're using template version 7.1, you have two options:

  1. You can either tweak the current template through Site Style to match the new one
  2. Start with a completely new template and transfer your existing domain and content to the new site.

Squarespace has a tutorial that shows you how to start over.

Can I use both templates from Version 7.0 and 7.1?

Yes, you can use templates from version 7.0 and 7.1 under one Squarespace account.

Where do I find Squarespace templates?

Here's the link to templates from version 7.0, and here's the link to templates from version 7.1.

Conclusion

With the release of version 7.1, Squarespace removed the option to switch templates.

They’ve said that switching isn’t needed anymore since all templates are basically the same now, but it’s definitely made redesigning a site more complicated in my opinion.

For some, all the customization options can feel overwhelming.

That said, Squarespace has tried to make the process easier by offering pre-made layouts, page sections, buttons, and color palettes so you can mix and match these design blocks like building with Legos.

David Nge

David is the founder of MakingThatWebsite.com and started making websites for businesses back in 2014. He's a keen learner and wants to share his journey and knowledge with other business owners and freelancers. He launched MakingThatWebsite.com in 2021 to make website building more approachable and scalable for businesses.

Have a tutorial you want to learn? Leave a suggestion here.