Play a portion of your video when you hover over a video block in Squarespace. In this tutorial, I’m going to show you how to display a GIF when a user hovers over a video block.

Showcase your work using this fully customizable display component.

Build your own Back To Top Button. Use the Settings on the right to dial in your design, then toggle to the Code tab to copy and paste the necessary code into your website.

I’ve got my brave pants on and I’m ready for your hardest q’s.

Even if you don’t have a question, come hang out with Christy Price and I as we talk about all things Squarespace, coding, and starting/running your own business on Tuesday May 17th, we’ll be going live at 11am EST. Would love to have you join us!

If you’re building a custom Squarespace website, you’ll surely be adding Custom CSS. In this article, I’m going to go over some best practices for maintaining clean and organized code in your custom CSS area.

Learn the different types of comments you can add, and where you can add them, on your Squarespace website.

Add a search icon to your site header that brings your to your native Search Page within Squarespace 7.1. This is an update to my tutorial on adding a search block to your header.

For the month of April, I’m going to be matching any donation you give to organizations helping Ukraine and Ukrainian Refugees, up to $500 (total). If you donate, send me a picture of your receipt and I’ll match it at the end of the month. Every little bit helps, and this is a way to double your impact.

This tutorial is simply a free unique style for your Grid Summary Blocks. There are a number of elements that you can customize, and I review each of these in the accompanying video. Enjoy!

I've just launched a new update to my Tabs (for Blocks) plugin. A few of the new features are: Vertical Tabs , Hover Tabs , More Tab Styling Options , Updated Installation Page.

Currently, your thumbnail images can only display a single image. In this tutorial, I’ll walk you how to display a different image on hover with just a little bit of CSS.

Prevent cropping on full width images within gallery sections. In this tutorial, I’ll walk you making your gallery sections responsive through a single line of code.

Break any block outside of that 12 column layout to make it go full width .

In this tutorial, I walk you through how you can use CSS to add a background color or multiple different background colors to your list items.

Vertically align the summary blocks content so that it’s centered with the summary blocks image.

Increase the number of viewable items on mobile and tablet for the Auto List Carousel section.

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.