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 12/17/24 insidethesquare 12/17/24

How to Add a Gradient Overlay to Squarespace Background Images

Learn how to add professional gradient overlays to Squarespace page section backgrounds using custom CSS code. This step-by-step tutorial shows you how to enhance your hero images with customizable gradients that improve text readability and create stunning visual effects on your Squarespace website.

insidethesquare 10/26/24 insidethesquare 10/26/24

How to create a two line gallery caption

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

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 10/1/24 insidethesquare 10/1/24

How to create vertical list sections in Squarespace

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.