The Codebase

Filter through all the code

Find the Squarespace tutorial, plugin or snippet that’s going to help you fix or customize your client’s site in a heartbeat.

Customization tips Beatriz Caraballo Customization tips Beatriz Caraballo

Highlights: The Website Designer Summit 2025

If you’re a Squarespace designer, you may have heard about the second edition of Liz Ellery’s Website Designer Summit that just took place yesterday, February 27, 2025. Aaand if you’re a VIP of my email list, you most certainly did! However, if you did not get a chance to catch it – nor have watched the replays – I want to share with you the truth-bombs, golden nuggets and overall amazing insights the speakers casually dropped in their presentations and talks.

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

Product item button - Summary block (7.0, 7.1CE & 7.1FE)

If you’re working with a Summary Block linked to a product/shop page and you’re wanting to display something like the native “Read More” button to lead to the item’s details, this is the snippet for you! You’ll have the ability to choose the text that gets displayed, the color of the button and the style of its font, to make sure everything matches the rest of your site.

Read More
All CSS tricks, 7.1, Center-align, Customization tips Beatriz Caraballo All CSS tricks, 7.1, Center-align, Customization tips Beatriz Caraballo

How to center-align the last two items of a Portfolio page in Squarespace (7.1)

For this week’s CSS trick, we’ll be using the same grid-altering method from a previous tutorial but with a small modification to the way we target those last two slides so that, if you or your client have a ton of items, you don’t have to count them all.

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

Change the number of thumbnails per row on mobile for Portfolio pages set to Grid layout (Simple & Overlay) (7.1)

In this tutorial, I'll be showing you how you can easily control how many thumbnails/images/slides per row show up in your 7.1 Portfolio pages on mobile, when working with the Grid: Simple or Grid: Overlay layout

Read More