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.
Fixed font size (7.0 & 7.1 CE) - Image Block Poster
Not a fan of the changing font size for the Poster Image Block content area? This copy/paste code snippet can help with that! You’ll be able to set a fixed font size for the title, subtitle AND button of all your poster blocks across Squarespace.
Custom font for title (7.0 & 7.1 CE) - Image Block Poster
Make the title of your Poster 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!
Custom font for subtitle text (7.0 & 7.1 CE) - Image Block Poster
Make the subtitle text of your Poster 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!
Stop text from overflowing (7.0 & 7.1 CE) - Image Block Poster
Annoyed at the content of those Poster Image Blocks shooting out of the image on smaller screens? Then this snippet is for you. Copy/paste this quick fix to keep long text in line (no pun intended) and get rid of this frustrating overflow issue across your Squarespace site.
Alternative image on hover (7.0 & 7.1 CE) - Image Block Poster
Set up an alternative image on hover mode for Poster 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.
Corner button design (7.0 & 7.1 CE) - Image Block Poster
Create a unique look for your Poster Image Block with this code snippet. You’ll be able to set up the majority of the styles through your regular Site Styles panel, and then control the corner button styles through the code by modifying the existing CSS properties, removing some of them, or adding your own.
Adding an icon to the content area (7.0 & 7.1 CE) - Image Block Poster
Spruce up your Poster Blocks with this copy/paste snippet that’ll allow you to add a simple hover mode overlay, as well as a custom icon right above the text.
Adding a fun twist to poster blocks (7.0 & 7.1 CE)
Recently, I was testing a couple of customizations in 7.1 and ended up with a pretty cool one that I’d like to share with you today!