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.
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.
Stopping long titles from getting cut off (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid
If you know, you know. This code snippet will help you fix this commonly frustrating issue for your Grid Gallery Blocks in Squarespace, so your slide titles no longer get cut-off at the edge of the image, but instead display fully.
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.
Grayscale to color on hover (7.0, 7.1 CE & 7.1 FE) - Gallery Block Grid
Want to add a simple but eye-catching hover mode to your Grid Gallery Block? How about a grey-to-color effect? This short snippet will allow you to set it up in a cinch by simply copy/pasting the code into your site.
Grayscale to color on hover (7.1) - Gallery Section Grid Simple
If you’re looking to add a simple but eye-catching hover mode to your Grid Simple Gallery Sections in 7.1, you can’t go wrong with a grey-to-color effect! This short snippet will allow you to set it up in a cinch by simply copy/pasting the code into your site.
Styling the caption font (7.1) - Gallery Section Grid Simple
If you want to customize the caption title of your Simple Gallery Sections in 7.1, this snippet can help! It will allow you to change up the font family, color, size, weight, letter spacing, etc in just a few minutes.
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.
Centering the caption text (horizontally) (7.1) - Gallery Section Grid Simple
Looking for a way to center-align the captions under your Simple Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
Centering the caption text (vertically) (7.1) - Gallery Section Grid Simple
Are you working with long and short captions inside your Simple Gallery Section, and want to make sure the titles align vertically from slide to slide? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
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.
Styling the caption font (7.1) - Gallery Section Grid Strips
If you want to customize the caption title of your Strips Gallery Sections in 7.1, this snippet can help! It will allow you to change up the font family, color, size, weight, letter spacing, etc in just a few minutes.
Styling the caption area (7.1) - Gallery Section Grid Strips
Customize the caption area of your Grid Strips 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!
Centering the caption text (horizontally) (7.1) - Gallery Section Grid Strips
Looking for a way to center-align the captions under your Strips Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
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.
Styling the caption font (7.1) - Gallery Section Grid Masonry
If you want to customize the caption title of your Masonry Gallery Sections in 7.1, this snippet can help! It will allow you to change up the font family, color, size, weight, letter spacing, etc in just a few minutes.
Styling the caption area (7.1) - Gallery Section Grid Masonry
Customize the caption area of your Grid Masonry 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!
Centering the caption text (horizontally) (7.1) - Gallery Section Grid Masonry
Looking for a way to center-align the captions under your Masonry Gallery Section slides in 7.1? This short code will allow you to do just that by simply copy/pasting the snippet inside your site!
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.
Styling the caption font (7.1) - Gallery Section Slideshow Simple
Not a fan of the native font look of the Slideshow Simple slide captions in Squarespace 7.1? Then get your hands on this snippet and set up your own custom font family, size, color, etc in no time.
Styling the arrows (round) (7.1) - Gallery Section Slideshow Simple
Change up the style of the Slideshow Simple arrows with this copy/paste code snippet! You’ll be able to modify the size, color, weight and roundness of these elements, to keep things consistent with your site’s design, in just a few steps.