In this tutorial, you’ll learn how to create a dropdown menu in Squarespace 7.1 I'll walk you through the step-by-step process of creating a dropdown menu, in your navigation & adding pages to that. menu. Then – the fun part – customizing it with a touch of code magic!

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!

This video tutorial shows you how to embed & customize multiple images within Squarespace accordions using simple code. Learn to adjust image size, placement, and even remove images from specific items. Perfect for showcasing products, portfolios, or adding visual interest to your FAQs.

This advanced training will show you how to create a landing page in Squarspace with it’s own header & footer navigation!

This tutorial will show you how to use Squarespace Blueprint to build a website using AI.

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 a transparent header in Squarespace using the built in settings and custom CSS.

This tutorial will show you how to add a simple sidebar to your Squarespace website using a summary block.

This tutorial will show you how to add a back to top or scroll to top button on any page in your Squarespace website.

In this tutorial, you’ll learn how customize the digital product block in Squarespace using CSS.

In this tutorial, you’ll learn how change the automatic text on a blog post paywall.

In this tutorial, you’ll learn how to feature multiple text styles in your announcement bar using custom CSS. What we’ll do is isolate characters based on their text type: bold and italicized fonts.

This Squarespace tutorial guides you step-by-step through creating a user-friendly, two-column dropdown menu. Learn how to organize your website content logically, improve navigation, and provide a smoother browsing experience for your visitors. Boost usability and make your Squarespace website shine!

In this tutorial you’ll learn how to customize the look of a light box contact form on your Squarespace website. We’ll be using custom CSS to change the overlay color, add a border, and update the style of the form title.

In this tutorial, you’ll learn how to use custom code to add a background image to contact forms on your Squarespace website.

In this tutorial, you’ll learn how to use custom code to remove the automatic outline for active form fields and customize it to match your own unique style.

In this tutorial, you’ll learn how to use custom code to create a sliding page animation for your Squarespace website.