In this Squarespace tutorial, you’ll learn how to customize the font used for the mobile info bar labels in Squarespace.

In this Squarespace tutorial, you’ll learn how to customize the color of the Squarespace mobile info bar.

The CTA button in your Squarespace website can be a link to a phone number, but no one needs that on desktop! This tutorial will teach you how to create that link for mobile only.

A folder of content in your Squarespace menu creates a drop-down, but that folder doesn't have a URL so it can't be a clickable link. But with a little bit of creative CSS, we can make it clickable anyway!

You might have noticed that on your Squarespace site, there is always a line under the page you are currently looking at. This is the default style for an active link, but thanks to CSS, we can remove that underline and change that text to look even more unique!

A premium feature for business and commerce plans, the menu block is a content block type that can display text in unique layouts featuring different sections with titles, items, descriptions and prices. This tutorial will teach you how to customize the background of that menu block, adding a solid color, gradient, and your own image.

In this Squarespace tutorial, you’ll learn how to create unique hover effects for the links in main menu of your website. There are four types of links you can have in your main navigation, and the codes for each one of them are listed below.

The product content block in Squarespace makes it easy to promote a product on any page, and in this tutorial, you’ll learn how to customize it even more. In this tutorial, we are going to use some CSS to add text both before and after the price.

Text Highlight in Squarespace is a new feature that lets us add a creative color & design to the content inside a block of text! This video covers all 12 new design options and their settings.

In this super quick tutorial, you'll learn how to use one simple line of code to add a border to the promo pop-up in Squarespace.

You can use the special design menu to change the fonts for every single element of your promotional pop-up, or you can use one line of code to change them all at once!

In this tutorial, we’ll add a border, box-shadow, and curve the corners of the product image with a border-radius.

When you have an item on sale in your Squarespace store, the product will get a SALE label next to its price. This video will show you how to change the color and size of that label, and how to move it above the image on desktop and mobile!

In this Squarespace tutorial, we’ll use some clever CSS to move the product price up to the same line under the image, so it sits next to the title. This tutorial is specific for Squarespace version 7.1 and it won't work for older versions!

In this Squarespace tutorial, you’ll learn how to change a text block background color. We’ll use CSS change to color, create a gradient color, and you’ll learn how to upload your own image to use for the background of a text block.

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!

In this Squarespace tutorial, you’ll learn all about the brand-new Shape content block in Squarespace! I’ll show you how to add it to a page section on your site, how to change the shape and color, how to add a drop shadow, and how to layer it with other content.

In this Squarespace tutorial, you’ll learn how to use different types of IDs to change individual things in Squarespace with custom CSS.

List sections are auto layouts that can have an image, title, description, and button. They can have a unique background color, and they can have an image too, thanks to the codes in this tutorial!

One of my favorite CSS tricks is the frosted glass effect - showing a slightly transparent background that blurs the image behind it. In this tutorial, I’ll teach you how to create that effect for a list item in Squarespace.