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.
Post opt-in at the bottom of all posts (7.1) - Blog Page
Want to present your opt-in, offer, service, or any other kind of info below every single one of your 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 (when using a Classic Editor section), and the code will take care of the rest.
Bottom-aligned 'Read More' for blog items (7.1) - Blog Page
Take care of the alignment of those darn “Read More” links inside your 7.1 Blog Page once and for all. This snippet will automatically set them at the bottom of the content, horizontally centered from post to post, to give you that even look you’re going for!
Background color for Basic Grid Blog items (7.1) - Blog Page
Looking to add a background color to the content area of your main Blog Page posts in Squarespace 7.1? Then get your hands on this snippet to make it happen! You’ll be able to adjust the color and the padding surrounding the content, by simply copy/pasting the code into your site and modifying the corresponding values.
Solid hover mode for medium outline buttons (7.0) - Button Block
Change up the hover mode for Medium Outline Buttons in Brine (7.0) to solid fill look with this short snippet. You’ll get to choose the new color of the font, background, and border, to match your site’s design!
Outline hover mode for medium solid buttons (7.0) - Button Block
Change up the hover mode for Medium Solid Buttons in Brine (7.0) to an outline look with this short snippet. You’ll get to choose the new color of the font and the border style, to match your site’s design!
Custom font for event title on main page (7.0 & 7.1) - Event Page
Customize the font of your main page event titles with this short snippet. Modify their font family, color, size, letter spacing, etc by copy/pasting the code onto your site and making some quick value tweaks.
Custom font for event title on inner page (7.0 & 7.1) - Event Page
Customize the font of your individual page event titles with this short snippet. Modify their font family, color, size, letter spacing, etc by copy/pasting the code onto your site and making some quick value tweaks.
Background image for footer (Brine 7.0) - Footer Section
Add an awesome custom look to the Footer area of your 7.0 (Brine) site with this short code! The snippet will allow you to set up any background image you like, and decide how much it should stretch to cover the space behind your content.
Horizontally center-align footer middle blocks (Brine 7.0) - Footer Section
Get that satisfying horizontally aligned look for your Brine’s Footer area with this snippet! Working with the Middle Blocks, you’ll be able to have your content automatically centered on desktop in just a few minutes by copy/pasting the code.
Full width for top blocks (Brine 7.0) - Footer Section
Looking to expand that block you have sitting inside the Top Footer area of your Brine 7.0 site? Then get your hands on this code snippet to make it happen right away!
Full width for middle blocks (Brine 7.0) - Footer section
Looking to expand that block you have sitting inside the Middle Footer area of your Brine 7.0 site? Then get your hands on this code snippet to make it happen right away!
Full width for bottom blocks (Brine 7.0) - Footer section
Looking to expand that block you have sitting inside the Bottom Footer area of your Brine 7.0 site? Then get your hands on this code snippet to make it happen right away!
Styling the arrows (round) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
Customize the arrows of your Slideshow Gallery Block with this code snippet. You’ll have the ability to adjust their background color, border style, roundness and size!
Styling the arrows (full height) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
Add a stylish look to your Gallery Slideshow with this code snippet! It’ll allow you to set up the native arrows on the sides of the slides, matching the height of the full carousel, and giving you control over the background color and border styles to better match your brand.
Styling the arrows (bottom corner) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
If you’re looking to add a cool customization to your Slideshow Galleries, this snippet can help! It’ll help you style the native control arrows in a completely different fashion, by placing them at the bottom of the slides and giving you full control over their alignment, background color and border styles.
Positioning thumbnails over slides (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
If you like the style of Squarespace’s Gallery Slideshow but want to make it look less template-y, this snippet can help you out! It’ll allow you to move the native thumbnails over the slides, instead of keeping them underneath, and add either a solid or slightly transparent background to the area to change up the look of the block in a heartbeat.
Turning the thumbnails into indicators (7.0, 7.1 CE & 7.1 FE) - Gallery Block Slideshow
Swap the native thumbnails from your Slideshow Gallery for little dot indicators with this copy/paste snippet. You’ll be able to adjust their roundness, color and size in just a few minutes!
Styling the arrows (round) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel
Customize the arrows of your Carousel Gallery Block with this code snippet. You’ll have the ability to adjust their background color, border style, roundness and size!
Styling the arrows (full height) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel
Add a stylish look to your Gallery Carousels with this code snippet! It’ll allow you to set up the native arrows on the sides of the slides, matching the height of the full carousel, and giving you control over the background color and border styles to better match your brand.
Styling the arrows (bottom corner) (7.0, 7.1 CE & 7.1 FE) - Gallery Block Carousel
If you’re looking to add a cool customization to your Carousel Galleries, this snippet can help! It’ll help you style the native control arrows in a completely different fashion, by placing them at the bottom of the slides and giving you full control over their alignment, background color and border styles.