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.

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.