Learn
Developer Guides
In-depth guides for building production Squarespace sites in Dev Mode. Written from real experience, not documentation rewrites.
Fundamentals
Getting Started with Dev Mode
Everything you need to know to enable Developer Mode, connect GitHub, and start building with custom code on Squarespace 7.0.
The Page Creation Workflow
The 3-step process for creating pages in Dev Mode: .page.conf discovery, CMS registration, and renaming to .conf for a clean admin panel.
CSS / LESS
LESS Architecture for Squarespace
How to structure your LESS files, work around broken @import, share design tokens across independently compiled stylesheets, and avoid the silent-fail trap.
Debugging LESS Compilation Errors
One undefined variable kills ALL your styles silently. Learn how to check site.css?minify=false, catch errors, and debug the LESS compiler.
SEO
JSON-LD Schema on Squarespace
How to add structured data to your Squarespace pages. Where to place it, which schema types matter, and how Google reads it from the body.
How to Improve Your Squarespace SEO in 2026
A complete guide to Squarespace SEO: page titles, meta descriptions, URL slugs, heading hierarchy, image alt text, Google Search Console, and more.
Architecture
site.region Deep Dive
Understanding the global shell: what {squarespace-headers} actually does, how main-content injection works, and what you should (and shouldn't) put here.
Custom Navigation Without the CMS
How to hardcode your nav in site.region, remove CMS dependency, and maintain full control over your navigation structure through GitHub.
Squarespace 7.1
How to Add Custom CSS to Squarespace 7.1
Where to add custom CSS in Squarespace 7.1, how to find the right selectors with Inspect Element, and common CSS tweaks with copy-paste code.
10 CSS Tricks to Make Your Squarespace Site Stand Out
Copy-paste CSS tricks for Squarespace 7.1: gradient text, hover effects, custom scrollbars, parallax sections, animated underlines, and more.
Squarespace Code Injection: The Complete Guide
Everything about Code Injection: Header vs Footer, per-page injection, Google Analytics, custom fonts, third-party scripts, schema markup, and troubleshooting.
CSS Reference
Every Squarespace Header CSS Customization
13 header CSS techniques: hide on specific pages, transparent headers, sticky behavior, logo centering, background images, CTA buttons, and more.
Squarespace Navigation CSS — The Complete Guide
10 navigation customizations: dropdown styling, hamburger icons, active indicators, mega menus, breadcrumbs, mobile animations, and logo swap on scroll.
Squarespace Footer CSS — The Complete Guide
Remove Powered by Squarespace, change footer colors, center content, style links, add social icons, and stack columns on mobile.
Squarespace Typography & Font CSS — The Complete Guide
Add Google Fonts, override heading fonts, change link colors, style blockquotes, and control body text sizing across your entire site.
Squarespace Form Styling CSS — The Complete Guide
Style input fields, submit buttons, placeholder text, form labels, and create borderless minimal form designs with copy-paste CSS.
Squarespace Blog CSS — Every Customization You Need
13 blog CSS techniques: sidebars, title sizing, date hiding, category pills, pagination, featured images, author info, and post navigation.
Squarespace Commerce CSS — The Complete Guide
15 commerce customizations: cart buttons, product prices, sale badges, grid columns, mini cart, breadcrumbs, shipping info, and more.
Squarespace Layout & Grid CSS — The Complete Guide
18 layout techniques: section padding, full-width sections, parallax, split layouts, equal-height cards, gallery overlays, and responsive tables.
Essential Squarespace CSS Customizations
15 general-purpose CSS techniques: find selectors, hide elements, back-to-top buttons, scroll progress bars, custom scrollbars, and password page styling.
Squarespace Buttons & Animations CSS Guide
Hover effects, rounded buttons, ghost/outline buttons, fade-in on scroll, hover zoom, page transitions, and staggered text entrance animations.
More guides coming soon.
We're writing guides based on real production problems we've solved.
Browse Tools