Learn five creative ways you can customize your Squarespace product page with code.

Learn how to hide any Squarespace content block on mobile devices (or desktop!) with a simple code snippet.

Transform your Squarespace site's search functionality with Monocle Search! Learn how to easily implement powerful search features in this step-by-step tutorial.

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

Learn how to add custom borders to Squarespace gallery images using simple CSS code - perfect for photographers, designers, and business owners looking to enhance their portfolio or product displays.

In this tutorial, I am going to walk you through the step by step process you can take to create a full-screen menu on the desktop version of your Squarespace website.

Learn how to customize your Squarespace navigation button with CSS. This step-by-step tutorial shows you how to change button colors, add hover effects, and style both desktop and mobile versions. Perfect for creating stylish CTAs that match your brand – no coding experience required!

In this tutorial, you’ll learn how to use custom CSS to create two-line image descriptions in your gallery section.

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!

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 use CSS to create the illusion of two navigation menus, showing half to the left of the logo and half to the right.

This is one of the simplest ways to create a mobile layout in Squarespace! In this tutorial, you’ll see how two lines of code can create a super customized look specifically for mobile.

Anchor links work by naming a section of a page, and when clicked, pulls that "anchor" to the top of the browser window. Learn how to easily create on using Squarespace in this tutorial from InsideTheSquare!

In this tutorial, you’ll learn to modify fonts, add text, change colors, and replace icons for your blog post pagination. This tutorial includes mobile optimization tips and code samples for easy implementation.

Learn how to create custom hover effects for your Squarespace image blocks in this free code tutorial from InsideTheSquare.

Learn how to use custom CSS to customizing the look of event pages inside Squarespace

This super quick Squarespace code tutorial will show you how to add a time zone after the time listed for events in your Squarespace website.

Learn how to use custom CSS to change the color of a blog post background in this simple code tutorial.

Learn how to use custom CSS in Squarespace to display horizontal list sections vertically on desktop and tablet, with optimized mobile alignment. Perfect for web designers seeking advanced layout control.

Learn how to replace the mobile menu icon with your own image in this tutorial.