Squarespace CSS tricks
The Blog
Explore the Squarespace tutorials and tips available on the site to tackle that customization or fix you’re after!
And if you can’t find what you’re looking for:
Adding an overlapping tilted text to an image
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
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
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
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
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!