● RESOURCES
Trending Blogs
Insights to help you think ahead, grow faster, and make smarter moves. Explore thoughtful articles, practical tips, and ideas to inspire your next step. Created for curious minds who never stop learning.
From The Squarespace
Website Design Blog
Add a Header Line in your Squarespace website
A subtle header line can make a big impact on your Squarespace website’s design. In this quick tutorial, Toronto Squarespace designer Ankush Goyat walks you through how to add a clean, stylish divider beneath your header using just one line of CSS. Perfect for creating balance, improving readability, and giving your site a modern, professional touch — no coding experience needed.
Add a Scroll Indicator in Squarespace (with Simple CSS)
Want visitors to scroll through your entire Squarespace page? A scroll indicator is a subtle yet powerful cue that encourages users to explore more of your content. In this tutorial, Toronto-based Squarespace designer Ankush Goyat shares a quick, customizable CSS code to add a clean, animated scroll arrow to any section of your site — no coding experience required.
Raise Image Blocks on Hover in Squarespace
Learn how to add a smooth hover effect to your Squarespace images with simple CSS. Make your visuals lift on hover, enhance interactivity, and give your site a modern, polished look — perfect for portfolios, product pages, and galleries.
Customize the Accordion Block in Squarespace (Background, Hover & Border Radius)
Want your Squarespace Accordions to match your brand’s style? In this step-by-step guide, you’ll learn how to easily customize the Accordion Block using CSS to add background colors, hover effects, rounded corners, and more. A simple tweak that makes your site look modern, interactive, and uniquely yours.
Add a Border Around an Image in Squarespace (Step-by-Step CSS Guide)
Want your images to stand out on your Squarespace site? Adding a border around an image block is an easy yet powerful way to elevate your design. In this step-by-step guide, I’ll show you exactly how to apply custom CSS to create clean, modern image borders—helping your visuals look more refined and cohesive without overcomplicating your workflow.
How to Zoom in Images on Hover in Squarespace
Want to make your Squarespace website feel more dynamic? In this tutorial, I’ll show you how to add a smooth zoom-in hover effect to your image blocks using just a few lines of CSS. This simple customization adds depth, motion, and a modern touch—perfect for portfolios, creative websites, or any Squarespace design that relies on strong visuals.
How to Remove Header and Footer in Squarespace (No Code Needed)
Learn how to easily remove headers and footers in Squarespace—no code needed! Create clean, distraction-free pages with tips from a top Toronto Squarespace designer.
How to Add a Hamburger Menu on Your Squarespace Website
Add a responsive desktop hamburger menu in Squarespace with CSS. Keep your navigation clean and modern with tips from a top Toronto Squarespace designer.
How to Add a Gradient Background to Any Page in Squarespace
Learn how to add a stunning gradient background to any Squarespace page with CSS. Tips from a top Toronto Squarespace designer.
Add a Hover Zoom Effect to Squarespace Images
Learn how to add a stylish image zoom hover effect in Squarespace with simple CSS. Tips from Toronto’s leading Squarespace designer.