Want more control over Squarespace's built-in animations? In this tutorial, you'll learn how to create your own custom global animation effects in Squarespace 7.1 by modifying ONE line of code of the initial animation state.

If content in your Squarespace 7.1 sections is getting cut off on tablet devices, the problem may not be caused by custom code at all. In this tutorial, you'll learn why it happens and how to fix it in seconds without writing a single line of CSS.

Is your custom CSS working perfectly in Squarespace’s backend but completely broken on the live site? This frustrating issue is often caused by hidden syntax errors that don’t appear in the editor. In this tutorial, you’ll learn an easy way to locate and fix this particular problem in 5 mins.

Struggling with flickering, layout shifts, or “jumpy” loading behavior in Squarespace 7.1? These issues can happen even on simple sites and are often caused by elements like video backgrounds, section dividers, or heavy imagery. In this video, you’ll learn a clean CSS-based solution that delays content display just enough to eliminate visual glitches, without relying on loading screens or bulky animations.

In Part 3 of this Squarespace 7.1 tutorial series, we’ll look at how to apply custom CSS so that it runs only in Edit Mode and not on the Live site. By targeting the .sqs-edit-mode class, you can create backend-only styling that helps with troubleshooting, or temporarily highlighting hidden elements, without affecting the Live site.

Learn how to stop custom CSS from working in the backend of Squarespace 7.1 while keeping it active on the Live Site. In this tutorial you’ll learn how to use .sqs-edit-mode and the :not() pseudo-class to control when your code applies. Let’s do it!

Learn how to apply custom code only while in Edit Mode or only on the Live Site in Squarespace 7.1. This tutorial will show you how to use .sqs-edit-mode, .sqs-edit-mode-active, and the :not() pseudo-class to control when your CSS runs and when it shouldn’t. Get started with the first part!

If you’re a Squarespace designer, you may have heard about the second edition of Liz Ellery’s Website Designer Summit that just took place yesterday, February 27, 2025. Aaand if you’re a VIP of my email list, you most certainly did! However, if you did not get a chance to catch it – nor have watched the replays – I want to share with you the truth-bombs, golden nuggets and overall amazing insights the speakers casually dropped in their presentations and talks.

Let’s tackle how to build a loading screen or splash page for Squarespace sites that’s totally animated!

This week we’ll look at 4 ways we can improve our customization workflow in Squarespace to save time, and make our code a lot easier to tweak when rounds of revisions come along!