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!

header insidethesquare header insidethesquare

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!

Read More
header insidethesquare header insidethesquare

How to create a multiple-column dropdown in Squarespace

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!

Read More
header, layout insidethesquare header, layout insidethesquare

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!

Read More