LET’S MAKE SQUARESPACE UNIQUELY YOURS

Free custom CSS codes for Squarespace

Squarespace is called a "no code" platform - but without code, a lot of Squarespace websites look like the same boring template. 😬

Custom CSS is how the pro's make one of a kind sites that sell for thousands. But I'll let you in on a little industry secret . . . you don't have to be a pro designer to use code! All you need is an expert (that's me) to show you the ropes. The blog is a collection of my step-by-step custom code tutorials for Squarespace. If you want to change one little thing to make your site perfect - and the design menu just won’t cut it - this where you’ll find the info you need!

insidethesquare 11/3/24 insidethesquare 11/3/24

How to create a full screen menu on all devices

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.

insidethesquare 10/29/24 insidethesquare 10/29/24

How to customize your website header button

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!

insidethesquare 10/25/24 insidethesquare 10/25/24

How to create a custom mobile layout in Squarespace

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.

insidethesquare 10/25/24 insidethesquare 10/25/24

How to create anchor links in Squarespace

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!

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

How to change read more link text on a Squarespace summary blocks

Change the automatic text link for a summary block with the codes from this tutorial!

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!