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.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
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 Masonry

Add a quick and simple caption overlay to your Grid Masonry Gallery 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 (image resize) (7.1) - Gallery Section Slideshow Simple

Add a quick and simple caption overlay to your Slideshow Simple 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 Slideshow Full

Add a quick and simple caption overlay to your Slideshow Full 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 Slideshow Reel

Add a quick and simple caption overlay to your Slideshow Reels 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, Customization tips, 7.1, Title/Caption Beatriz Caraballo All CSS tricks, Customization tips, 7.1, Title/Caption Beatriz Caraballo

Add multi-line descriptions to any Gallery Section in Squarespace (7.1)

In today’s post, I want to show you a super easy workaround to display a title AND a short description in your 7.1 Gallery Section captions! This little trick works for all of the different Gallery Section layouts, but we’ll be breaking down the logic behind the tweak for the Slideshow: Reel layout.

Read More