Learn how to change background colors, add curved borders, customize fonts, adjust thumbnail sizes, and even create hover effects for your product add-on options using Squarespace CSS.

This short tutorial video will walk you through 5 unique code snippets that add a touch of flair to your header buttons. The goal here is to grab your visitors' attention and encourage them to click. Each one of these codes can be updated to match the style of your unique website, and in this video you’ll learn exactly how to use them.

Squarespace list sections have limited options when it comes to fonts, unless you use custom CSS! In this tutorial, you’ll learn how to update your Squarespace list section style by changing the font for individual parts of a list item.

Squarespace list sections are a great way to showcase content, but the default arrows might not always match your website's unique vibe. You can change the color using the design settings in Squarespace, and you can do even more with custom CSS!

In this tutorial, you’ll learn how to use CSS to change the colors of the social media icons in your Squarespace menu, including cool hover effects!

Squarespace has a built-in hover effect for the cart icon in the header of your website, and this tutorial will teach you how to make it even better!

With a little clever CSS, you can keep your social media links visible on the side of your Squarespace site no matter how much content there is to scroll through!

In this tutorial, you’ll learn how to create a custom button hover effect in Squarespace.

In this tutorial, you’ll learn how to add an icon to a button in Squarespace.

In this tutorial, you’ll learn how to use Google Material Symbols (formerly Google Material Icons) on any Squarespace site.