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, Fonts, Cool look, 7.0, 7.1, 7.1 CE, 7.1 FE Beatriz Caraballo All CSS tricks, Fonts, Cool look, 7.0, 7.1, 7.1 CE, 7.1 FE Beatriz Caraballo

Turning a header into outline text in Squarespace (7.0, 7.1 cE & 7.1 FE)

Today’s tutorial is a fun little trick inspired by a question asked by a member inside the Club. We’ll be looking at how you can turn any heading on your client’s site into outline text! This will be a quick one, so let’s dive right into it!

Read More

Creating a bold Index Gallery slideshow (Brine 7.0)

In a previous tutorial we saw how we can customize the Index Gallery slideshow in Squarespace to add fancy new arrows and subtly switching up the layout of the description portion. In today’s tutorial, we’re going to take a similar approach…

Read More

Creating big category thumbnails with a rollover effect (Brine 7.0)

Today we’re going to be taking advantage of the grid layout of an Index Gallery to create big and bold category thumbnails that you can use to showcase your different service packages, blog categories, photo galleries, or pretty much anything else you want!

Read More
#22daysofcustomization, All CSS tricks, Cool look, 7.0 Beatriz Caraballo #22daysofcustomization, All CSS tricks, Cool look, 7.0 Beatriz Caraballo

Customizing the index gallery slideshow in Squarespace (Brine 7.0)

Templates like Brine allow us to add big and bold imagery through its Index Gallery pages. Fortunately, Squarespace gives us a couple of different options to style them through the Style Editor however, and depending on the design you’re after, this may not be enough.

Read More

“Podcastifying” Squarespace’s Summary Block (7.0, 7.1 CE & 7.1 FE)

Podcasts are pretty much THE THING right now. So, if you or your client has a podcast that wants to promote on their site, what better way to do that than customizing one of Squarespace’s block to neatly display them?

Read More
All CSS tricks, Fonts, Cool look, 7.0, 7.1 CE, Title/Caption Beatriz Caraballo All CSS tricks, Fonts, Cool look, 7.0, 7.1 CE, Title/Caption Beatriz Caraballo

How to overlap headings in Squarespace (7.0 & 7.1 CE)

I'm a big fan of overlapping text on purpose to create cool-looking headers, I feel this gives a more interesting look to a rather "standard" section of your website without overthinking it. So, if you love mixing fonts and want to add a unique touch to…

Read More