Make the title of your Collage Image Blocks fully custom with this short snippet. Set its font family and add in any other font styles you like, by including or removing CSS properties from the code!

Make the subtitle text of your Collage Image Blocks fully custom with this short snippet. Set its font family and add in any other font styles you like, by including or removing CSS properties from the code!

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.

Set up an alternative image on hover mode for Collage Image Blocks with this copy/paste code. The snippet will allow you to set any image you want just with its URL, and it’ll take care of the rest of the animation for you.

In a previous post, we saw how we could tweak the collage block with veeeery little code to give the content side a nice border. But, today, I want to show you how we can take that tweak to the next level with the help of our friend: the pseudo-element.

Looking to create a different kind of testimonial block on your Squarespace site? Then today’s tutorial is for you! We’ll be using a collage block to create a really neat customization that can help you display your client testimonials in a unique way.

Today we’ll be tackling an issue that becomes particularly annoying when for some reason card, overlap, and collage blocks make it really hard to vertically align your content to the center of the image… completely ignoring your Site Style settings.