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, Social icons, 7.0, 7.1, Vertical stuff Beatriz Caraballo All CSS tricks, Social icons, 7.0, 7.1, Vertical stuff Beatriz Caraballo

Vertical floating icons with line (7.0 & 7.1) - Social Links Block

Set your Social Links Block as a vertical floating stylish element on your Squarespace site with this copy/paste code snippet! You’ll be able to alter the look of the vertical line, as well as adjust the position of the whole floating element to make it match the look you’re going for.

Read More
All CSS tricks, 7.0, Vertical stuff Beatriz Caraballo All CSS tricks, 7.0, Vertical stuff Beatriz Caraballo

How to have an additional vertical nav in Brine, without writing HTML (7.0)

There are different ways to create a vertical navigation in Squarespace, and in this particular tutorial we’ll be tackling one for the Brine template that’s fixed to the side of our screen, doesn’t require a code block or any sort of HTML, and doesn’t touch our primary or secondary navigation either.

Read More

Floating vertical social media links in Squarespace (Brine 7.0)

You’re probably familiar with social share links widgets that you can add to your site through a third-party so people can share your content. However, if what you’re wanting to do is have Squarespace’s social icons from the nav bar – linking to your…

Read More

Creating vertical text in Squarespace (7.0, 7.1 CE & 7.1 FE)

Oh I know you wanna jump in the vertical text wagon. In fact, you probably already did! Right now you may be using images to contain your vertical text because let’s face it… it’s way easier than figuring out how to it with code.

Read More