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.

Looping rotating words effect for headings in Squarespace (7.0, 7.1 CE & 7.1 FE)

Want to create a looping rotating effect for a heading on your client project? Then take a look at how you can easily achieve that with an awesome plugin!

Read More
All CSS tricks, 7.1, Fonts, Title/Caption Beatriz Caraballo All CSS tricks, 7.1, Fonts, Title/Caption Beatriz Caraballo

Related videos heading styles - Video page (7.1)

Fully customize that “You might also like” title on top of your related videos area – AND the individual video titles – in your 7.1 site with this short snippet. You’ll be able to change up the font family and overall styles of all these titles with one quick copy/paste action and some small tweaks to the corresponding property values.

Read More
All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Title/Caption, Fonts Beatriz Caraballo All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Title/Caption, Fonts Beatriz Caraballo

Styling the title font (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

Use your own custom font on the Grid Gallery Block slide titles of your Squarespace site with the help of this snippet. You’ll get the ability to change the font family, color, size, weight, etc to match your brand and design in just a few mins!

Read More
All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Even height, Title/Caption Beatriz Caraballo All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Even height, Title/Caption Beatriz Caraballo

Styling the title area (even height) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

Customize the title box under your Grid Gallery Block slides with this copy/paste code. You’ll be able to modify the background color, border style and padding of those little sections, to make them as prominent or subtle as you need to, in order to match your design’s vision. Plus! You’ll automatically get them to match in height with the rest of the slides on the row, to achieve that even look you’re going for.

Read More
All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Hover/overlay, Title/Caption Beatriz Caraballo All CSS tricks, 7.0, 7.1, 7.1 CE, 7.1 FE, Hover/overlay, Title/Caption Beatriz Caraballo

Simple title rollover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid

Add a quick and simple title rollover to your Grid Gallery Blocks in Squarespace. This snippet will allow you to work with the native Title of the slides, and you’ll get to control the background color, the border styles and even the padding, to make sure the spacing around the text fits your requirements.

Read More
All CSS tricks, 7.1, Title/Caption, Even height Beatriz Caraballo All CSS tricks, 7.1, Title/Caption, Even height Beatriz Caraballo

Styling the caption area (even height) (7.1) - Gallery Section Grid Simple

Customize the caption area of your Grid Simple Gallery Sections in 7.1 with this short snippet. You’ll be able to set your own background color, padding, and border style, to make the slides match the look of the rest of your Squarespace site! Plus! You’ll get that lovely even-height look that you’re aiming for too.

Read More
All CSS tricks, 7.1, Title/Caption, Hover/overlay Beatriz Caraballo All CSS tricks, 7.1, Title/Caption, Hover/overlay Beatriz Caraballo

Simple caption rollover (7.1) - Gallery Section Grid Simple

Add a quick and simple caption overlay to your Gallery Grid Simple sections in Squarespace 7.1. This snippet will allow you to work with the native Caption option, and you’ll get to control the background color, the border styles and even the padding, to keep those longer titles in check at all times.

Read More
All CSS tricks, 7.1, Title/Caption, Hover/overlay Beatriz Caraballo All CSS tricks, 7.1, Title/Caption, Hover/overlay Beatriz Caraballo

Simple caption rollover (7.1) - Gallery Section Grid Strips

Add a quick and simple caption overlay to your Strips Gallery Section in Squarespace 7.1. This snippet will allow you to work with the native Caption option, and you’ll get to control the background color, the border styles and even the padding, to keep those longer titles in check at all times.

Read More