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, 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, Carousel/slideshow controls Beatriz Caraballo All CSS tricks, 7.1, Carousel/slideshow controls Beatriz Caraballo

Displaying slide numbers instead of image thumbnails (7.1) - Gallery Section Slideshow Simple

Instantly create a clean and minimal look for your Slideshow Simple Gallery Sections in Squarespace 7.1 by swapping the native thumbnails with number indicators. This code snippet will also give you the ability to change the numbers’ family, weight, size, and color, as well as decide whether they should show up on mobile devices or not!

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, 7.1, Hover/overlay Beatriz Caraballo All CSS tricks, 7.1, Hover/overlay Beatriz Caraballo

Sliding lines on hover for nav links (7.1) - Header nav

Looking to add a little something to your navigation links in Squarespace? Then grab this quick code snippet to add a simple yet interesting-looking hover effect! You’ll get two sliding lines, of the color and thickness of your choice, marking the link your user is hovering over while on desktop devices.

Read More