Blog
Squarespace Tips & Tutorials
Practical guides, tutorials, and insights for getting more out of Squarespace. Written by developers, for everyone.
Squarespace Product Page CSS: Updated for 2026
Squarespace rewrote their product page HTML in August 2025. Your old CSS broke. Here are the new selectors and how to use them.
Read more →How to Fix the Squarespace Footer on Mobile
Footer columns not stacking? Text overflowing? Social icons misaligned? Here are the CSS fixes for every common Squarespace footer issue on mobile.
Read more →How to Customize the Squarespace Navigation Menu
Dropdown styling, active page indicators, transparent headers, and mobile hamburger menus — all the CSS selectors you need for Squarespace nav.
Read more →How to Add Related Posts to Squarespace
Squarespace doesn't have a native related posts feature. Here's how to build one using the JSON API — no plugins, no monthly fees.
Read more →How to Add a Sidebar to Your Squarespace Blog
Squarespace 7.1 killed blog sidebars. Here's how to bring them back with CSS Grid — sticky, responsive, and no plugins needed.
Read more →How to Add Custom Fonts to Squarespace (2026 Guide)
The complete 2026 guide to adding custom fonts on Squarespace. Google Fonts, @font-face, and the exact CSS selectors for headings, body, and nav.
Read more →How to Customize the Squarespace Shopping Cart Page
Customize your Squarespace shopping cart with CSS. Target cart rows, quantity selectors, totals, and the checkout button with the right selectors.
Read more →How to Add Gallery Hover Overlays on Squarespace 7.1
Squarespace 7.1 removed native gallery overlays. Learn how to add them back with CSS pseudo-elements for image hover effects.
Read more →How to Style Squarespace Contact Forms with CSS
Master Squarespace form styling with CSS. Target inputs, textareas, buttons, focus states, and placeholder text using the correct selectors.
Read more →How to Add Nav Hover Effects on Squarespace
Add custom navigation hover effects to Squarespace 7.1 with CSS. Underline slides, color fades, background fills, and more.
Read more →5 Squarespace Code Injections Every Website Needs
The five code injections that belong on every Squarespace site — from analytics tracking to performance tweaks. Copy-paste ready.
Read more →How to Add a FAQ Accordion to Squarespace
Step-by-step tutorial for adding a clean, accessible FAQ accordion to your Squarespace site — no plugins required.
Read more →Best Squarespace Plugins and Add-Ons for 2026
A curated roundup of the most useful Squarespace plugins and third-party tools for designers, developers, and business owners.
Read more →How to Customize Squarespace Without Coding
You don't need to write a single line of code to make your Squarespace site look custom. Here are the built-in options most people miss.
Read more →Squarespace Pricing Table: How to Add One
Squarespace doesn't have a native pricing table block. Here's how to build one that looks professional and converts visitors.
Read more →10 Ways to Make Your Squarespace Site Load Faster
Squarespace sites can be slow if you're not careful. These 10 optimizations will measurably improve your page speed scores.
Read more →How to Add a Before and After Slider to Squarespace
Before-and-after sliders are perfect for showcasing transformations. Here's how to add one to Squarespace with clean code.
Read more →Squarespace vs WordPress Plugins: The Real Comparison
WordPress has 60,000+ plugins. Squarespace has code injection. Which approach actually works better for most websites?
Read more →How to Add Custom Animations to Squarespace
Go beyond Squarespace's built-in animations with custom scroll effects, hover transitions, and entrance animations.
Read more →The Complete Guide to Squarespace Code Injection
Everything you need to know about Squarespace Code Injection: where to add code, what's possible, common mistakes, and advanced techniques.
Read more →How to Change Fonts on Squarespace (Custom Fonts Guide)
Learn how to use Squarespace's built-in font picker, add custom Google Fonts via Code Injection, and pair fonts like a pro.
Read more →How to Add Social Media Icons to Squarespace
Step-by-step guide to adding social media icons — from built-in social links to floating sidebars and custom-styled icons.
Read more →How to Create an FAQ Section on Squarespace
Build a beautiful FAQ accordion with smooth animations and add FAQ schema markup for Google rich results.
Read more →How to Add a Countdown Timer to Squarespace
Boost conversions with a countdown timer. Learn where to place it, how to customize it, and get copy-paste code.
Read more →How to Make Your Squarespace Header Sticky
CSS techniques to make your header stick to the top — from basic sticky positioning to advanced shrink-on-scroll effects.
Read more →How to Add a Back to Top Button on Squarespace
Improve navigation on long pages with a smooth scroll-to-top button. Copy-paste code and customization tips included.
Read more →How to Add Dark Mode to Your Squarespace Site
Give visitors a dark mode toggle with system preference detection, CSS custom properties, and a smooth transition.
Read more →