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.0, 7.1, 7.1 CE, 7.1 FE, Spacing Beatriz Caraballo All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Spacing Beatriz Caraballo

Adding gaps between slides (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel

If you’re working with the Carousel Gallery Block and can’t find a way to add spaces between the slides or images, look no further! This copy/paste code snippet will take care of it for you, while giving you full control on the actual amount of space that should be present.

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

How to create a multi-column text block in Squarespace, without using separate blocks (7.0, 7.1 CE & 7.1 FE)

This depends on the font you’re using and the styles you’ve set for it, but most often than not, you feel you need just a bit more space between both columns. The problem is if you shove a spacer in there, the gap looks more like an airport runway than anything else.

Read More
Mobile design, All CSS tricks, Customization tips, 7.0, Spacing Beatriz Caraballo Mobile design, All CSS tricks, Customization tips, 7.0, Spacing Beatriz Caraballo

Make your hero banner and text look good on any device (Brine 7.0)

You’re using a gorgeous background image for your banner, and you have the perfect catchy headline to go on top of it. You start by using spacers, trying to find the perfect placement for your lovely headline on top of the image, in a way that looks 100% readable…

Read More