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.).

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.

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.

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.

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…

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?

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.

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.

I tried out Linktree for my Instagram account and it was so ugly. You can upgrade to the paid account and make styling changes, but I’m frugal. I can’t justify shelling out $6 a month for something I could do myself. So I figured out how to make my own alternative to Linktree and I’ll share those steps with you here.

There are two pieces of custom CSS I add to every Squarespace website I build. To add these code snippets, navigate to Design > Custom CSS, paste the code…

In some Squarespace templates (like the Brine family), it’s super easy to add your Social Media icons to the header navigation since it’s a built-in function of the template. But in other template families like York, Avenue, Bedford, and Pacific, it requires a bit of a workaround.

My site uses the Bedford Squarespace template which is a great fit for my style and content. But there are a few features that don't work for me. Chief among these is the banner image on individual blog posts. For Bedford, and a few other themes, when you view a blog post at its direct URL, its post thumbnail image displays as a banner.