Website Building & Customization Guides
A SQUARESPACE BLOG BY MINIMIST
Your resource for Squarespace website building tips, CSS customization tutorials, code snippets, and business insights. Discover guides, tutorials, and tools to create, customize, and optimize your Squarespace website.
How to Build a Sidebar Navigation in Squarespace 7.1 and Fluid Engine
In this article, I’ll show you how to create an anchor link sidebar navigation in Squarespace 7.1 and Fluid Engine.
Force Mobile Navigation in Squarespace 7.1 (2024 Update)
In this article, I’ll show you how you can force the mobile navigation to show all the time, even when viewing on desktop browsers in Squarespace 7.1.
Particles.js on Squarespace
There is a plethora of amazing effects that anyone familiar with CSS and/or Javascript can implement on a customized website. However, because the HTML is already written for you when you’re building with Squarespace, it can be difficult to add custom effects using a combination of HTML, CSS and Javascript, but it can actually be quite easy.
Force Mobile Navigation on Squarespace Brine Templates
In this article, I’m going to show you how you can force the mobile navigation to show all the time, even when viewing on desktop browsers like I have on this website. It’s really quite simple!
Variable Speed Parallax Effects in Squarespace: Rellax.js
Parallax web design effects have been growing in popularity for years. It’s a wonderful way to add visual interest you your website when done correctly.
Slanted Index Sections in Squarespace
Some time ago, I wrote an article outlining how to create slanted headers and footers. That small bit of code was then featured within the Ghost Plugins library, and I’ve since been bombarded with emails containing questions about how to add slanted sections within a Brine Index.
How To Make Vertical Lines in Squarespace
If you’ve spent any time building a Squarespace website, you know that it’s super easy to make a horizontal line by using a line block. But what about vertical lines?
My Favourite Squarespace CSS Hacks — Part 3
As I gain more experience building websites on Squarespace, I continue to notice small nuances that are sometimes neat, sometimes annoying. Regardless of what it is, I often just want to change some small thing.
How to Customize the Squarespace Cookie Banner (Updated)
Squarespace made it easy for us website solopreneures to implement that annoying (but necessary) cookie banner on our own sites. I’ve only just turned it on on my own website, but was shocked to see this:
Use CSS to Put Buttons Anywhere
Button blocks in Squarespace are a super easy and convenient way to add a good-looking and consistently stylized button to your page. The convenience of Squarespace also comes with some limitations that sometimes make ostensibly easy tasks difficult.
My Favourite Squarespace CSS Hacks — Part 2
Squarespace offers a tightly curated collection of templates that allow you to be your own designer and come out looking like an industry leader with a polished website, but it's easy to simply choose a template, plug in your photos and text, and end up with a website that looks exactly like the thousands of others with the same layout and styling.
My Favourite Squarespace CSS Hacks
One of the main concerns I've heard from clients and others thinking about using Squarespace is that they don't want their website to look and act like everyone else's site and look like a template.
Angled / Slanted Header and Footer With CSS
I first became interested in doing this when I saw it on the Squarespace circle website. Then recently a client I'm trying to get showed me the Shawn Mendez website because he was utterly fascinated with the angles and the parallax over the footer. I wanted to find a way to simulate this look in a different way, as to not be total copycat.