insidethesquare 9/26/24 insidethesquare 9/26/24

How to customize the digital product block in Squarespace

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

insidethesquare 9/26/24 insidethesquare 9/26/24

How to customize chart blocks in Squarespace

Learn to enhance Squarespace buttons with custom icons using CSS. This guide covers multiple button types, sizes, and includes unicode character tips for better design.

insidethesquare 9/26/24 insidethesquare 9/26/24

How to change the calendar colors in Squarespace

Learn to enhance Squarespace buttons with custom icons using CSS. This guide covers multiple button types, sizes, and includes unicode character tips for better design.

insidethesquare 9/26/24 insidethesquare 9/26/24

How to add an icon to a Squarespace button

Learn to enhance Squarespace buttons with custom icons using CSS. This guide covers multiple button types, sizes, and includes unicode character tips for better design.

insidethesquare 9/26/24 insidethesquare 9/26/24

How to create gradient buttons in Squarespace

Transform your Squarespace audio players with these simple CSS customizations. Learn to change colors, fonts, and styles to match your site's design. Perfect for beginners and pros alike!

insidethesquare 9/26/24 insidethesquare 9/26/24

How to customize a Squarespace audio block

Transform your Squarespace audio players with these simple CSS customizations. Learn to change colors, fonts, and styles to match your site's design. Perfect for beginners and pros alike!

insidethesquare 9/26/24 insidethesquare 9/26/24

How to add bullet points to an archive block

Enhance your Squarespace archive block with unique unicode characters. This tutorial shows you how to add custom bullet points to group names and item links using simple CSS.

insidethesquare 9/26/24 insidethesquare 9/26/24

How to customize archive block links

Learn how to modify font size, color, and weight of Squarespace archive block links using custom CSS.

insidethesquare 9/26/24 insidethesquare 9/26/24

How to customize accordion block divider lines in Squarespace

In this Squarespace tutorial, you'll learn how to customize the accordion block divider line, creating a unique line.

insidethesquare 9/26/24 insidethesquare 9/26/24

How to add a button to an accordion block in Squarespace

This tutorial will teach you how to customize the style of an active link inside an accordion block so it looks like a button, hover effects and all!

insidethesquare 9/24/24 insidethesquare 9/24/24

How to add a second button to your Squarespace menu

Learn how to combine multiple font styles within one line of text on Squarespace.

insidethesquare 9/10/24 insidethesquare 9/10/24

How to use an image for a button background in Squarespace

This tutorial will show you how to use an image for a button background in Squarespace and works for both version 7 and 7.1

insidethesquare 9/10/24 insidethesquare 9/10/24

How To Create A Gradient Page Section Background in Squarespace

This tutorial will show you how to create gradient section backgrounds in Squarespace 7.1 using a clever CSS trick.

insidethesquare 9/10/24 insidethesquare 9/10/24

How to embed an Instagram reel into Squarespace

In this Squarespace tutorial, you'll learn how to add an Instagram reel to a blog post. I use a 7.1 version site in this tutorial, but the process is the same for older versions of Squarespace.

insidethesquare 9/10/24 insidethesquare 9/10/24

How to create horizontal scrolling images in Squarespace

With a gallery section and some clever custom CSS, you can make an eye-catching horizontally scrolling set of images in Squarespace!

insidethesquare 9/10/24 insidethesquare 9/10/24

How To Use A Google Font on Squarespace

This Squarespace tutorial will show you how to install a Google font on your Squarespace site and how to use it in your custom code.

insidethesquare 9/10/24 insidethesquare 9/10/24

How to remove the header and footer from a single page in Squarespace 7.1

Squarespace has recently given us the option to remove the header and footer from a single page using the page settings menu. But what if you want to remove it from a blog post? or a product? or create an advanced landing page with it’s own menu? For all that, you’ll need custom code, and that’s exactly what you’ll learn about in this tutorial!