CSS FOR SQUARESPACE

custom code tutorials

step-by-step tutorials to help you customize your squarespace website design with code

How To Create A Text Popup in Squarespace
content block insidethesquare content block insidethesquare

How To Create A Text Popup in Squarespace

Showing additional info in a popup is a great way to give visitors more information without cluttering your page. It's also an effective way to make sure your user experience is as smooth as possible. But did you know that you can create custom text-only popup using CSS?

Read More
How to customize your website header button
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
How to create a multiple-column dropdown in Squarespace
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