Blog
AI doesn't have to replace your web designer
Artificial intelligence has changed the way websites can be designed. Today, AI can generate website layouts, write content, create images, suggest colour palettes and even produce HTML, CSS and JavaScript.
How to add an AI-Generated website to Squarespace
AI has made it possible to create impressive website designs and working website code without having to be an experienced web developer.
How to add an accordion block to Squarespace 7.1 Product Pages
Squarespace has recently improved its Product Pages, giving website owners and designers much more flexibility when creating online stores.
How to create collapsible form sections in Squarespace 7.1
Learn how to create collapsible form sections in Squarespace 7.1 using CSS and JavaScript to organise long forms and improve the user experience.
How to make folder titles clickable in Squarespace 7.1
By default, folder titles in Squarespace 7.1 are not clickable. Instead, they simply expand to reveal the pages inside the folder.
How to add custom icons to Squarespace 7.1 Accordion block
The Squarespace 7.1 Accordion block is a great way to organise content such as FAQs, services, features, and product information.
How to change the "All" tab on a Squarespace 7.1 shop page
If you're using categories on your Squarespace 7.1 Shop page, you've probably noticed that the first filter tab is always labelled "All."
How to customize monospace text in Squarespace 7.1
If you regularly share CSS, JavaScript, HTML, or code snippets on your Squarespace website, you've probably noticed the Monospace text option in the text editor.
How to create a “Read More” dropdown in Auto Layouts (Squarespace 7.1)
Squarespace 7.1 Auto Layouts (List Sections) are great for structured content, but they quickly run into a common limitation: long descriptions make layouts feel crowded and harder to scan.
How to add a Substack feed to Squarespace
If you're publishing on Substack and running a website on Squarespace, you've probably wished you could display your latest posts directly on your site without copying and pasting them manually every time.
How to change the speed of your background video on Squarespace 7.1
Background videos are a powerful way to create visual impact on your website, especially on hero sections built in Squarespace 7.1.
How to hide your Squarespace pages from search results
Not every page on your website needs to be visible to the public or searchable on platforms like Google Search. Whether you're working on a draft page, creating private content, or building a conversion funnel, controlling page visibility is essential when using Squarespace.
How to make video blocks portrait on Squarespace
Vertical video has become the dominant format across platforms like TikTok, Instagram Reels, and YouTube Shorts. As a result, many website owners now want to display portrait videos on their websites.
How to add a border around a video block on Squarespace
Videos are one of the most powerful elements you can add to a website. They grab attention, increase engagement, and help explain your products or services quickly.
How to disable CSS in Squarespace editor mode (But active on the live site)
In this tutorial, you'll learn how to disable CSS in the edit mode, but kept active on the live site.
How to remove space under code blocks in Squarespace 7.1
In this tutorial, you'll learn how to remove space under code blocksin Squarespace 7.1. If you’re embedding third-party widgets, videos, or custom code in Squarespace 7.1, you might notice an unexpected gap appearing below your code blocks.
How to keep your centered header navigation on oneline in Squarespace 7.1
The centered-links header in Squarespace 7.1 is known for one frustrating quirk: even when there appears to be sufficient horizontal space, the navigation links can unexpectedly wrap onto multiple lines and disrupt the layout.
How to style ‘read more’ links for summary blocks in Squarespace 7.1
Summary blocks in Squarespace 7.1 are a powerful tool for showcasing blog posts across different pages. These blocks often include a ‘Read More’ link, encouraging visitors to click through and read the full article.
How to remove underline from dropdown menu in Squarespace 7.1
By default, Squarespace 7.1 applies underlines to links in your site’s header and dropdown menus—especially when hovered or active. While this can help indicate clickable elements, many site owners prefer a cleaner, more modern look without the underline, especially in dropdown menus.
How to style read more links for the basic Grid in Squarespace 7.1
The "Read More" link in Squarespace’s basic blog grid layout often comes with default styling that might not align with your site’s visual identity. With a few simple tweaks using custom CSS, you can transform this link into a branded and interactive element that encourages clicks and improves the overall look of your blog feed.