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!

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.

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.

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.

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.

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!

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!

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!

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!

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.

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.

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.

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!

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!

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.

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.

If you’re working with the Carousel Gallery Block and can’t find a way to add spaces between the slides or images, look no further! This copy/paste code snippet will take care of it for you, while giving you full control on the actual amount of space that should be present.

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!

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.

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.