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.
Adding an overlapping tilted text to an image (7.0 & 7.1 CE)
You’ve probably seen inspirational websites on Pinterest *cough* Showit sites *cough* that include images with overlapping titles or phrases, that look slightly tilted. In Squarespace, you can absolutely achieve that look by simply adding the text to the image itself, but let’s see if we can achieve it without relying on Photoshop…
Adding an overlapping image or logo to your footer in Brine (7.0)
This CSS trick is great for designs where you want to add an image, icon, logo or any other sort of detail to the footer of your client’s site, without having to stay within its boundaries. Let’s jump right into it, shall we?
Adding an extra title and overlapping the button of an overlap image block (7.0 & 7.1 CE)
If you’re into overlapping stuff in your client sites, I know you’re going to really enjoy today’s fun tutorial. It’s all about taking the overlap image block design one step further, with very little code, to create a look I’m 90% sure you’ve seen before while perusing Pinterest: an image with an overlapping title, a secondary title, text and an overlapping button.
Overlapping a block between 2 index sections (Brine 7.0)
If you’re working with indexes in Squarespace, you may be wondering how the heck to make your blocks float between two of the sections. If that’s you, stick around ‘cause that’s exactly what we’ll be doing today!
How to create an overlapping logo in Brine (7.0)
Either because your logo is quite tall or simply because you want to make your header look different, you want to make your logo appear half on the navigation bar and half over your banner image/page. Cool, let’s do it then!