The training that turns "I can't do that in Squarespace" into "I can create anything I imagine.”

Custom code is how the pros make Squarespace look amazing, and if you’re feeling overwhelmed by the thought of coding – you're in exactly the right place.

ALREADY A STUDENT? LOG IN HERE

If you’ve tried to create Squarespace code changes in the past, this might sound familiar. . .

Copying and pasting code snippets, hoping they'll work, and not knowing why they do… or don’t.

Feeling frustrated when you can’t find what you want to change anywhere in your site style menu.

Watching your creative design idea turn into a something boring and basic because of Squarespace’s limitations.

Finding yourself staring longingly at pretty premade templates, lamenting the hundreds of DIY hours you’ve already out into your Squarespace site.

Why It's Time to Stop Copy-Pasting Code

I’m sure you've been down the Google rabbit hole, trying to find code snippets that might work for your site. (Trust me, I've been there!) But here's the thing about random code from the internet:

  • It's like trying to solve a puzzle with pieces from different boxes - not all snippets are made for your version of Squarespace

  • AI programs like ChatGPT are spitting out generic CSS that isn’t designed for Squarespace sites

  • You've got amazing design ideas but keep hitting the template wall

  • You're worried every update Squarespace makes might break your borrowed code

And let's be honest - copying code doesn't help you understand what's actually happening

The good news? You don't have to stay stuck in the copy-paste cycle. There's a better way to bring your creative vision to life.

Time For The Truth About Squarespace CSS

Let me break down some common myths that stop Squarespacers like you from creating sites they’re proud of:

  • Myth #1

    "I need to be a 'tech person' to learn code"

    The truth: CSS is a design language, not complex programming. If you can use a computer, you can learn CSS.

  • Myth #2

    "I should just hire a developer instead"

    The truth: For the cost of one developer project, you can learn to create unlimited custom designs yourself.

  • Myth #3

    "I need to learn everything about coding first"

    The truth: You only need to learn the specific CSS techniques that work with Squarespace.

  • Myth #4

    “It’s going to take me months to learn this.”

    The truth: You'll be creating your first custom code within an hour of enrolling in this course, and everything after that is just leveling up your skills.

  • Myth #5

    "It's faster to just use templates"

    The truth: Once you know CSS, customizing becomes faster than fighting with template limitations.

  • Myth #6

    "I'll waste hours troubleshooting when things break"

    The truth: Once you learn how code works, you’ll be fixing issues in seconds, not hours.

Take your Squarespace Skills Beyond The Basics

That's why Beyond the Basics is different. Instead of drowning you in complicated tech jargon or giving you nothing but trendy tutorials, this content is focused on the exact CSS techniques that work specifically for Squarespace.

You'll learn not just what code to write, but why it works -
so you can create your own solutions for any design challenge.

In just 5 core lessons, you'll go from feeling limited by templates to confidently coding your own creative designs. This isn't about becoming a developer; it's about mastering the CSS skills you need for Squarespace.

Here's Exactly What You'll Learn Inside Beyond The Basics:

  • advanced targeting icon - arrow in center of circles

    Advanced Targeting

    Master finding and using unique IDs in your custom codes

    Learn why selectors are crucial and how to combine them effectively

    Discover two time-saving targeting tricks that make customization a breeze

  • container icon - four rectangles creating a square shape

    Working with Containers

    Understand Squarespace's container structure (this is key to everything!)

    Learn the difference between borders and outlines (and when to use each)

    Master padding and margin to control both size and location perfectly

  • responsive icon - laptop and tablet outlines

    Customizing Responsively

    Discover how Squarespace uses breakpoints (and how to work with them)

    Learn to create styles that adapt beautifully to any screen size

    Master the technique for swapping content based on device size

  • typography icon - capital t inside a square

    Typography Tricks

    Transform text styling beyond the basic design panel options

    Learn to target specific text styles within a single block

    Master font loading tricks that expand your typography options

  • color palette icon - painter palette icon with four dots representing paint

    Creating Colorful Code

    Master every type of color code (HEX, RGB, HSL, and more)

    Learn to create custom gradients that add depth to your design

    Discover how to use filters for dynamic visual effects

  • Plus These Sweet Bonus Resources:

  • The Squarespace CSS Cheat Sheet

    My personal code collection, used by over 4,000 Squarespacers worldwide!

  • Device Testing Guide

    Ensure your customizations look perfect everywhere

  • Code Organization Templates

    Keep your CSS clean and manageable

  • Hover Effect Guide

    Create engaging interactive elements

  • Length Value Training

    Master responsive measurements

  • Code Installation Flowchart

    Your step-by-step implementation guide

  • Guide to Gradients

    Learn to create your own beautiful color transitions with code

  • Troubleshooting Tips

    Quick solutions to common code challenges for Squarespacers

Ready to Start Your CSS Journey?

Get lifetime access to all lessons, guides and bonus content. Prices are in USD.

P A Y I N F U L L

$247

3 M O N T H L Y P A Y M E N T S

$87

FEEDBACK FROM SQUARESPACERS AROUND THE GLOBE

  • This is a must-have course for any designer who is experimenting with CSS by copying and pasting codes from Google. In under two hours you can go through the entire course, finally understand how to correctly use CSS, and start implementing it into client websites or templates.

    KHARA W

  • Absolutely recommend Becca. Her training is super easy to follow and have made the difference between hours of frustration and continuity throughout my website build experience. Now, I can comfortably customize code for a far, far, better experience for our website visitors.

    Suzette R

  • My biggest takeaway was how well I can customise my site. I had told myself that I couldn't build a website and not only have I done that, I've managed to make it even better with your help!!!

    Stacey M

  • Clients always asked for something "off the menu" and I would have to explain, SQSP can't do that. With CSS, I have actually gone back to clients and fixed the feature they asked for.

    Anotnio

  • Thank you for the content. Your custom code has been a great addition to my work designing sites on Squarespace!

    Kevin B

  • I really appreciate all of the knowledge you share. I’ve gone from fearing code to loving what I can do with it!

    Sharon M

Ready to Start Your CSS Journey?

Get lifetime access to all lessons, guides and bonus content. Prices are in USD.

P A Y I N F U L L

$247

3 M O N T H L Y P A Y M E N T S

$87

Have a question about Beyond the Bascis?

These answers might help…

  • Each lesson is under 20 minutes, with additional time for practice. Most designers complete the program within a week and continue using the resources throughout their career.

  • You get lifetime access to everything – including all future updates! As Squarespace evolves, so will your resources.

  • Yes! This program is specifically designed for people building websites with Squarespace.

  • You'll get priority email support, and one-on-one tutoring sessions are available for complex code questions.

  • If you've been using Squarespace for at least 3 months and understand its basic design features, you're ready for this course. We start from the ground up!

  • Because this is a digital product, there are NO REFUNDS OR EXCHANGES and all sales are final. By purchasing this product you agree to our terms here.

  • Custom CSS 😎

In case we haven’t met yet, I'm Becca Harpain, Squarespace's recommended expert for code-related questions and your trusted guide to mastering custom CSS.

Over the last few years, I’ve transformed from a full-time Squarespace designer to a teacher, helping Squarespace designers unlock their creative potential through the power of custom code. What started as a passion for problem-solving has grown into a mission: making CSS accessible and even fun for every Squarespace designer.

What Sets My Teaching Apart:

  • I speak your language - no confusing developer jargon

  • I explain not just the "how" but the "why" behind every code solution

  • I've helped thousands of designers just like you transform their Squarespace skills

  • My CSS Cheat Sheet is used by over 4,000 Squarespacers worldwide

  • I stay up-to-date with all Squarespace updates to ensure my code techniques work

When I'm not coding or teaching, you'll find me hiking, running, and backpacking across the trails in the Pacific Northwest. I bring that same spirit of adventure and exploration to teaching CSS - breaking down complex concepts into manageable steps, just like tackling a new trail.

I've seen firsthand how transformative these CSS skills can be for Squarespace designers. From boosting confidence to increasing client value, custom CSS is your key to creating websites that are truly unique to each client.

I'd be honored to guide you on your CSS journey, and I hope to have you as my latest student!

All my best - Becca Harpain

Take your Squarespace skills beyond the basics!

Get lifetime access to all lessons, guides and bonus content. Prices are in USD.

P A Y I N F U L L

$247

3 M O N T H L Y P A Y M E N T S

$87