The Codebase

Browse all Resources!

Look up that Squarespace tutorial, plugin, snippet or course that’s gonna help you customize your current personal or client project.

All CSS tricks, Customization tips, Fonts, 7.0, 7.1, 7.1 CE, 7.1 FE Beatriz Caraballo All CSS tricks, Customization tips, Fonts, 7.0, 7.1, 7.1 CE, 7.1 FE Beatriz Caraballo

Add another heading to Squarespace without using code blocks (7.0, 7.1 CE & 7.1 FE)

So, you want to be able to add a custom h4, h5 or h6 to your Squarespace site, or even better, be able to add a specific font WITHIN one of the default Squarespace headings without having to add a code block with HTML,  every single time?

Read More

Make changes to a specific banner in the Brine template family (7.0)

It seems like one of the most common struggles DIYers and designers alike have when creating a site in Squarespace, is finding out how to make changes to a specific banner on their site. In today's post, I'll show you how to style a specific index…

Read More
All CSS tricks, Customization tips, Fonts, 7.0, 7.1, Learn code Beatriz Caraballo All CSS tricks, Customization tips, Fonts, 7.0, 7.1, Learn code Beatriz Caraballo

Adding custom fonts to your Squarespace site (7.0 & 7.1)

So you’ve got your amazing brand all set, you finally decided on your fonts and now you’re starting to design your site on Squarespace. Great! But hang on, that gorgeous brush script you just chose is not in the editor's font list… crap, now what?

Read More
All CSS tricks, Color change, 7.0, 7.1, 7.1 CE, 7.1 FE, Hover/overlay Beatriz Caraballo All CSS tricks, Color change, 7.0, 7.1, 7.1 CE, 7.1 FE, Hover/overlay Beatriz Caraballo

Changing your button's color on hover mode (7.0, 7.1 CE & 7.1 FE)

One way to make your template buttons look not only unique and on-brand but also invite your audience to click is to add an eye-catching hover mode. In Squarespace, you can change the default button hover mode with custom code. In this post, you'll learn how.

Read More