This Squarespace tutorial will show you how to move your header to the bottom of the screen when your site loads. As your website visitor scrolls down the page, your header will then stick to the top of the page, creating this scroll-to-stick effect.

SVGs are scalable vector graphics; image files that can be resized without getting pixilated or distorted. In Squarespace, we can’t add them to an image block, but we can still use them on your site, and this tutorial will teach you how!

Markdown blocks are a creative way to add content to your site, and this tutorial will help you customize it so the content inside can have its own unique style!

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!

Scroll bar styles are a super easy thing to customize in your Squarespace site and this tutorial will teach you how!

This quick tutorial will show you how to create “sticky” event info so that it stays at the top of the screen on an individual event page.

This tutorial will teach you how to change the style of the date tag on your event list in Squarespace.

In this tutorial, you’ll learn how to customize event titles in Squarespace using CSS.

In this tutorial, you’ll learn how to create a knockout text effect in Squarespace.

Squarespace Accordion blocks don’t have to be basic! You can use custom code to create a colorful one, and this tutorial will teach you how.

Did you know that you can change the active link in an accordion block to look like an actual clickable button, hover effects, and all?! It’s actually super simple and super customizable, and this tutorial will teach you how.

In this tutorial, you’ll learn how to create two unique list section hover effects in Squarespace.

In this Squarespace tutorial, you’ll learn how to customize the style of primary, secondary, and tertiary buttons in Squarespace.

In this tutorial, you’ll learn how to add a curved edge to an image card in Squarespace.

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

This tutorial will show you how to use a markdown block to place an image in a line of text in a Squarespace website.

In this tutorial, you’ll learn how to create a color overlay 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 create an inset border for images on your Squarespace site.

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