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

How to hide one content block on mobile or desktop

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

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 9/29/24 insidethesquare 9/29/24

How to use an image for your Squarespace mobile menu icon

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

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

How to customize blog post width on tablet screens

In this tutorial, you’ll learn a quick and easy CSS trick to customize your blog post width specifically for tablets.

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

How to change your mobile menu font size in Squarespace 7.1

Frustrated with limited Squarespace mobile menu options? This video unlocks the power of CSS to customize font size, spacing, vertical alignment, and even folders for a perfect mobile experience! Learn the code & best practices for accessibility.