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

 

CSS Christy Price CSS Christy Price

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

Read More
CSS Christy Price CSS Christy Price

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.

Read More
CSS Christy Price CSS Christy Price

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.

Read More
CSS Christy Price CSS Christy Price

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.

Read More
CSS Christy Price CSS Christy Price

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.

Read More