Replace your footer section on any page using the “Hide Globally, show locally” pattern.

The order property in CSS allows us to reorder items in a flex or grid container. In this tutorial, we turn the product details area into a flex container and reorder the price item to be just above the purchase button.

Help your users out by adding a breadcrumb on your Blog Category & Tag Pages indicating which filters are being used.

This tutorial walks you through creating your own Auto Scrolling Logo Slider on your website. We’ll be using a Squarespace 7.1 gallery section to get this done.

This tutorial is available for students in my Build Grid Page Layouts in Squarespace Mini Course. In this lesson, I go over how to add these curved edges, as well as jump into talking a little bit about Custom Properties (variables), and a deeper look into the border-radius property.

Increase the visibility of your Call to Action button on your Events Page, by adding a button to the Events Details area.

Show the full color of a background section’s image by adjusting the transparency of the overlay color when you hover over it.

Flip a poster image to show a description on the back as you hover over it.

Highlight the open item or when hovered over it in an Accordion Block.

In this 90 minute, self-paced, workshop, you’ll build a grid based page layout in Squarespace 7.1 and learn the fundamentals of CSS Grid along the way.

In this tutorial, I’ll share some code that will style an auto layouts carousel as a testimonial slider.

Starting Wednesday, September 1st, pricing for some of my plugins will increase. I’m keeping a few essential plugins at $10, increasing the price of the rest of my current pro plugins

From my portfolio: A custom pricing table for trqk.io.

Pricing tables have been notoriously difficult to build in Squarespace, so I was asked to build a responsive one. This one is built with CSS and Javascript, and very little custom HTML, so the client can easily update it.

Let’s build a Before / After Image Block in our Squarespace website. As we hover our mouse over an image, this code will show a different image.

Easily add a before / after image slider to your Squarespace website using image blocks.

Here is a fairly simple code snippet that will allow you to replace the Search Block Placeholder text on all your Squarespace blocks. The accompanying tutorial is a great beginner javascript lesson, if you’re into that kinda stuff.

Here is some CSS that will move the product price on your product page to above the “Add to Cart” button. You can reorder this content however you’d like though.

Here is some simple code to add space to start of a List Section with a Carousel Design.

Here is some code that will auto-scroll a list section on your Squarespace 7.1 website. This code works for the "Banner Slideshow" layout or the "Carousel" layout.