Create a stylish line-look for the related items in your 7.1 Shop Pages with this short code. You’ll have the ability to style the border, overlay color and icon, and even set up a floating title label however you want to make it as prominent or subtle as you wish!

Give your Auto Layout Carousels a super custom look with this code snippet! It’ll instantly add a border to your list items, create an overlay on hover with the icon of your choice, and you’ll even be able to set up a floating label with whichever text you want to highlight on each slide!

Add a quick offset border look to your regular Image Blocks in 7.1 with this code! You’ll get the ability to style the border’s color, thickness and offset position to make it match your brand and site design.

Add a sleek look to your Stack Image Blocks in Squarespace with this copy/paste code snippet. It’ll create a lovely minimal border design, wrapping your content and underlapping the image, and give you full control over its styles in terms of color, thickness, and “narrowness”!

Create a minimal look for your Collage Image Block with this short snippet. You’ll be able to add a border with the style of your choosing to the content side by just copy/pasting the code.

Looking to add rounded corners or a border to the thumbnails of your Grid Summary Block? Then look no further! This copy/paste snippet will allow you to create that look in just a few minutes.

Looking to add rounded corners or a border to the thumbnails of your Carousel Summary Block? Then look no further! This copy/paste snippet will allow you to create that look in just a few minutes.

Not a fan of unevenness? I get you. If you’re wanting to rectify the situation for your Carousel Summary Blocks and make sure the items match in height automatically, this handy little code snippet will help you achieve just that!

Looking to style the thumbnail of Wall Summary Blocks on your Squarespace site? Then look no further! This code snippet will allow you to target that specific area of your summary items so you can apply a border, a drop shadow, round the corners, or implement any other style you need to match your site’s design.

You know those pretty and elegant headers on Pinterest where the whole nav is over the banner image but it’s subtly separated by a line that doesn’t quite reach the edges of the site? Well, for today’s CSS trick we’ll be looking into how to create that for Brine’s bottom header!

Today we’ll be addressing a quick CSS trick that you can implement on any Brine template, whenever you want to highlight even further your client’s ACTIVE menu links. Let’s get to it, shall we?

It seems like there’s not enough creativity in the world to come up with a unique way to set up your nav bar… especially in Squarespace, and particularly if you’re using the Brine template. Which seems silly, since all of the templates from the Brine…

Let’s face it, the footer is the part of our Squarespace design we think about last when it comes to adding customizations. However, that doesn’t mean we can’t show it some love and have it help our site look more custom by giving it a non-default style!