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.

Add custom bullet points to text blocks and image blocks in Squarespace (7.0, 7.1 CE & 7.1 FE)

Want to create branded bullet points for your client’s site? Then take a look at this tutorial to learn how you can make that happen, only with CSS, for both text blocks and image blocks!

Read More
All CSS tricks, 7.1, Carousel/slideshow controls Beatriz Caraballo All CSS tricks, 7.1, Carousel/slideshow controls Beatriz Caraballo

Inactive arrow style (7.1) - Auto Layout Carousel

There’s no shame in being a control freak! Manage the opacity/transparency level of your 7.1 Auto Layout Carousel inactive pagination arrow with this short snippet. With some small tweaks to the values of the code, you’ll be able to decide how this element should show up on your site.

Read More
All CSS tricks, 7.1, Carousel/slideshow controls Beatriz Caraballo All CSS tricks, 7.1, Carousel/slideshow controls Beatriz Caraballo

Custom arrow titles (7.1) - Auto Layout Carousel

Loving the Auto Layout Carousel but not a fan of the native arrow look? Then get your hands on this little code snippet to add some custom titles to those pagination elements and make them look completely personalized and on-brand! You’ll be able to adjust the font styles to your needs, so that everything matches your existing design.

Read More
All CSS tricks, 7.0, Automatic post opt-in Beatriz Caraballo All CSS tricks, 7.0, Automatic post opt-in Beatriz Caraballo

Post opt-in at the bottom of all posts (Brine 7.0) - Blog Page

Want to present your opt-in, offer, service, or any other kind of info below every single one of your 7.0 Blog posts, WITHOUT having to do it manually? Then this is the snippet for you! You’ll be able to set up a regular Image Block, with text if needed, and the code will take care of the rest.

Read More