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

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.

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

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.

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.

I’ve put together a chart comparing the design and functionality features of the List Section Banner Slideshow and my Pro Slider Plugin, so that you can easily decide which one is a better fit for your needs.

Keep the aspect ratio of your background images the same, so they don’t get cut off on mobile. This tutorial will give you some simple and adjustable code to make your background images never get cropped.

Similar to the Blog Banner Plugin, this plugin allows you to choose from 4 different banner styles for your Event Pages. Demo Available

This is an update to my previous tutorial on how to add a Banner image to blog posts. Free version & Pro version both got updated and come with better performance and simpler CSS customizations.

A tutorial on adding blur effects in Squarespace. I will go over adding this effect in Squarespace 7.1, but if you’re on Squarespace 7.0, I have some code for you at the bottom. Blurring an image is actually quite simple through CSS, all we need to use is the filter property.

Add a sidebar page navigation to your Squarespace 7.1 website. This plugin comes with 4 different styles, each with an indicator showing the user where on the page they’re located. Check out this demo to see what it looks like!

The super easy Squarespace Slider allows you to add a slider onto your Squarespace 7.1 or Squarespace 7.0 Brine Template website. For beginner users - no advanced knowledge of code necessary.

Change the background of your page as you scroll down. It works with different colors, videos, or images in your section background. Choose to transition the entire page or just a few sections.

In this tutorial, we’re going to make a clickable thumbnail over any Section in Squarespace 71. This is great for making the entire slide on my sliding image banner a link.

Have your carousel items scroll in from the side of the page to give it a nice overflow effect.

✓ Super Easy Installation
✓ Easy to Edit
✓ Works in Squarespace 7.0 & 7.1
✓ Easy to Hand-off
✓ Mobile Friendly
✓ Touch to Scroll

Easily add a Mega Menu to your Squarespace 7.1 website. With my simple copy and paste code and clear installation video, you'll be up and running in no time.

✓ Super Easy Installation
✓ Easy to Edit
✓ Add Content Using Squarespace Blocks
✓ Easy to Hand-off
✓ Mobile Friendly

Mega Menu’s are all over the place in website-land these days. Unfortunately, Squarespace doesn’t have a native way to build these out, so in this tutorial I’m going to show you how to build one.

Parallax is back in Squarespace 7.1, plus more, with Image Effects for background images in sections! Currently there are 7 different Image effects. Check them out here.