Free Tool
Squarespace Version Detector
Find out if any Squarespace site is running 7.0 or 7.1 — follow the interactive guide below to identify the version in under a minute.
Why this matters
Squarespace has two very different versions — 7.0 and 7.1 — and the CSS, features, and customization options are completely different for each. Before you try to customize any Squarespace site, you need to know which version it's running. This guide shows you how to tell in seconds.
Ready to Detect?
Open the Squarespace site you want to check in another tab, then follow the step-by-step questions below. No URL submission needed — you inspect the source yourself.
7.0 vs 7.1 Quick Reference
The key architectural differences between Squarespace versions that affect development, design, and CSS targeting.
| Feature | 7.0 | 7.1 |
|---|---|---|
| Templates | Named families (Brine, Bedford, York, etc.) | Universal design system (no template names) |
| Fluid Engine | No — uses classic block-based editor | Yes — drag-and-drop grid layout |
| Developer Mode | Full access (Git, custom templates) | Limited (Code Injection, CSS Editor only) |
| Section-Based Editing | Limited — page-level editing | Full section-based page building |
| Header Styles | Template-specific (varies per family) | Universal header with layout presets |
| CSS Class Patterns | #header, #footer, .Index-page, .collection-type-page | .header, .footer, .page-section, .fe-block, .fluid-engine |
| Blog/Commerce | Collection-based, template-dependent | Standardized across all sites |
| Page Sections | Index pages (stacked pages as sections) | Native sections with theme controls |
How to Tell at a Glance
Quick visual indicators you can spot in the page source or browser DevTools without going through the full decision tree.
Body classes contain a template name like "brine" or "bedford"
7.0<body class="...brine...">Pages use Index collections to build sections
7.0.Index-page, .Index-gallery#header and #footer used as IDs, not classes
7.0<div id="header">, <div id="footer">.fluid-engine class present on content blocks
7.1<div class="fluid-engine">Sections have data-section-theme attributes
7.1<section data-section-theme="dark">.header-announcement-bar-wrapper in the DOM
7.1<div class="header-announcement-bar-wrapper">.page-section wrappers around each content stripe
7.1<section class="page-section">.fe-block wrappers around Fluid Engine blocks
7.1<div class="fe-block">