All Articles
Add Bluesky Social Link to Squarespace
A quick script to add the Bluesky Social logo to your social icons.
Our Favorite Attribute Selectors in Squarespace
Chris Schwartz-Edmisten and I nerd out a bit about our favorite attribute selectors, one of the most powerful ways to target things in Squarespace.
Clickable Dropdowns in Squarespace
By default, your dropdowns in your header navigation aren’t clickable, with just a little bit of code though, we can change that.
Replace Site Title on a Specific Page
Replace your site title on a specific page to highlight a different brand or membership area.
Switch Logo on Different Color Themes
Use a different logo that with specific color themes so that it’s more visible.
Replace Site Logo on a Specific Page
Replace your site logo on a specific page to highlight a different brand or membership area.
Customizing Numbered Lists
Create stylized numbered lists that matches the brand of your website. Learn to create rounded numbers with backgrounds, or add in “Step” before each number.
Using jQuery to Build a Show / Hide Section Toggle
jQuery provides us with a simple syntax to create UI Components on our website. Today, let’s use jQuery to turn a Squarespace button into a toggle that shows or hides a section.
Preventing CSS when in edit mode
Target elements that don’t contain a specific selector using the :not() pseudo-class.
How Does Sticky Work?
In this intro lesson to the sticky property, we’re going to get a high-level understanding of what It does and how to use it.
Switch the Logo When Mobile Menu is Open in Squarespace
Prevent your logo from clashing with the background color of your mobile menu. Use this quick CSS snippet to replace your logo when the mobile menu is open.
Adjust Pagination Spacing on Blog Post
The pagination at the bottom of blog posts can be a little close to the footer. Let’s learn how to adjust the pagination spacing on blog posts on desktop and on mobile.
Ask Us Anything with Christy Price
Christy Price and I are doing an “Ask Us Anything” webinar on Oct 6th and I would love to see you in there! These webinars are info-packed, fun, and live discussions where we answer as many as your questions as we can. Register here, and ask a question in the Q&A tab. Even if you can’t make it live, you can still watch the replay!
Thoughts on Squarespace’s Circle Day & In-Person Meetups
There’s a special kind of fun that happens when you meet people you’ve only ever interacted with virtually. 3D!
Sticky Sidebar for Blog Posts and Classic Editor Sections
In this tutorial, I’m going to build a sidebar for on my blog posts using a little Javascript and CSS. The method and code used in this tutorial can be used to create sticky columns anywhere on your website that uses a classic editor.
Hide Blog Post Dates from Google Search Results
Here are some methods to get remove that date right before the description in the Google Search Results Page.
Perfect Anchor Links in Squarespace
In this tutorial, I’ll show you how to build anchor links so that your header doesn’t cover the text you’re scrolling to. In this example, I’ll build a table of contents for a blog post. There is a part 2 to this tutorial to make the sidebar sticky.
Fixing the Tablet Spacing Problem in Squarespace Fluid Engine
Fluid Engine makes possible many more layout options in Squarespace. However, there is a major spacing problem when viewing a website in tablet mode. Let’s take a quick look at what’s causing it and how to fix it.