Learn how to add a custom background image to your Squarespace gallery section with this easy-to-follow tutorial.

Background images are a powerful design tool, adding personality, depth, and visual interest to your Squarespace website. In this tutorial, you'll learn two ways to add captivating background images to your Squarespace pages.

In this tutorial, you’ll learn how to create hover effects for the title or log of your Squarespace website.

In this Squarespace tutorial, you’ll how to use custom CSS to create a split color page section background that works on mobile too!

In this free Squarespace tutorial, you’ll learn how to create a split page layout in Squarespace that responds to a section divider

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.

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.

Make your Squarespace site even more eye-catching with this hover effect! Learn how to change the color of a page section background on a hover in this tutorial.

A background pattern can make your Squarespace site even more unique, and this tutorial will teach you how to create one with code!