Squarespace Tips & Tricks
From custom CSS to business tips and website tricks, here you’ll find educational resources to level up your Squarespace website and your business. Keep scrolling for the most recent posts ↓
Start with these Featured Posts
How to Style a Squarespace Newsletter Block with a Full Width Image Background to Automatically Appear on Every Page
Learn how to style a Squarespace newsletter block to look amazing and automatically appear on every page of your website.
How to Invert the Logo on One Page in Squarespace
Add custom code to invert the logo on a single page in Squarespace.
Custom CSS for Brine Family Templates on Squarespace
Almost every Squarespace website I build is on a Brine family template and there are a few Custom CSS code snippets I find myself using again and again. Here’s a rundown of posts walking you through the custom code and how to implement it on your Squarespace website:
How to Hide Gallery Block Image Titles
I recently created an image gallery for a new client website using Gallery Blocks. I titled the images since those are important for SEO, but I didn’t want the titles to be visible.
Change the Color of ANY Top Navigation Item
In this post, I share two methods for changing the color (or any style) of top navigation items in Squarespace. One is a quick solution if you are targeting the first or last item. The other method is for targeting any item in your top navigation (third, fourth, etc.).
Make Squarespace Buttons the Same Width
Recently I was asked how to adjust padding on Squarespace mobile view. There are a couple of ways to achieve this, depending on the look you want. Here’s how to do it, step by step.
How to Remove the Gap in Mobile Menu Navigation
Using Primary and Secondary navigation in Brine family Squarespace templates allows you to center your logo for a balanced header design, but causes an awkward gap on mobile view. Here’s how to remove that space.
Changing the Newsletter Block Button Font
The Newsletter Block continues to be the bane of my existence. Here’s another way to make it look even better and elevate the design of your site. Simply add a bit of Custom CSS so the Newsletter Button font matches the other buttons on your website.
Increasing Font Size on the Newsletter Post-Submit Message
Most websites I create include a Newsletter Block on at least one page. One tweak that Squarespace needs is the ability to change the size of the post-submit message. I’d like the Thank You text to be readable, instead of tiny. Here’s the workaround…
How to Make the Announcement Bar Permanent in Squarespace
The Announcement Bar in Squarespace is super handy. I’ve used it in the past for special offers, to highlight products, or to share news. But what if you want the announcement bar to persist instead of giving site visitors the option to close it?
How to Stack an Index Page Gallery in Pacific Mobile View
The Squarespace Pacific template has a large Gallery slideshow on the homepage, inserted as a Gallery Collection into the Index page. It’s beautiful on desktop, but on mobile view the photos can look cramped. Here’s how to stack those images on mobile.
Changing the Content Padding in Galapagos Theme
The Squarespace Galapagos theme is a great theme for quickly getting an online store up and running. What it misses in styling options, it makes up for with its minimalist simplicity. However, sometimes it’s nice to change a thing or two to make a template your own.