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, 7.1, Cool look, Fonts, 12 Days of Christmas Beatriz Caraballo All CSS tricks, 7.1, Cool look, Fonts, 12 Days of Christmas Beatriz Caraballo

How to style the related video items section title in Squarespace (7.1)

Are you working with Video Pages on your client's site? If so, today's tutorial may come in handy if you're wanting to style the inner related video items area. In this video, I'll be showing you one clean and simple way to customize it with a bit of CSS.

Read More

Looping rotating words effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE)

Want to create a looping rotating effect for a heading on your client project? Then take a look at how you can easily achieve that with an awesome plugin!

Read More
All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Cool look, 12 Days of Christmas Beatriz Caraballo All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Cool look, 12 Days of Christmas Beatriz Caraballo

Creating collapsible form sections in Squarespace (7.0, 7.1 CE & 7.1 FE)

Today’s tutorial is a really useful one, especially if you have to deal with large-ish form blocks on a regular basis when building your client sites. We’ll be using a crafty little trick to HIDE parts of a form when the page loads, and then reveal those hidden fields on click, almost like an accordion block!

Read More

Changing the accordion block icon when a dropdown is open (7.0, 7.1 CE & 7.1 FE)

If you want to add a little fun customization to your client’s accordion block, then this tutorial is for you! We'll be looking at how to use two custom icons for the accordion block items in Squarespace: one when the dropdowns are open and a different one when they are closed. Spoiler alert: the customization is easier than you think!

Read More

Adding custom icons to the Accordion Block in Squarespace (7.0, 7.1 CE & 7.1 FE)

In today's tutorial, we'll be looking at how to change the arrow or plus sign inside the accordion block for a custom icon. We'll tackle how to use the same image for ALL accordion items, and how to use a DIFFERENT icon for each individual dropdown!

Read More