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.

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