Featured Posts

The Styled Square Browser Icon

Featured Posts

The Styled Square Browser Icon
Join The Styled Square Newsletter

Subscribe:
New Tutorials
Every Month

Expect only the good stuff: occasional updates with our latest resources, exciting news, and upcoming products.

Blog: Free Resources
The Styled Square Browser Icon

Free Resources



Free Resources

The Styled Square Browser Icon

Flodesk Welcome Sequence Email Templates

The Styled Square Free Resources

Search

What do you want to learn today?

By Category:

SAVE 10% ON YOUR SQUARESPACE SUBSCRIPTION WITH DISCOUNT CODE STYLEDSQUARE10

All Posts

Website Customization The Styled Square Website Customization The Styled Square

How to add a sticky categories sidebar to your Squarespace 7.1 shop page (CSS)

Sticky elements are design elements on a website that remain fixed in their position as the user scrolls down the page. If used correctly, sticky elements can enhance user experience, increase engagement and improve content visibility.

Sticky elements are a great solution for your shop page, as they keep categories visible to the viewer as they scroll your products.

In this tutorial, we walk you through how to add sticky shop page categories to your Squarespace 7.1 website in a few easy steps.

Read More
Website Customization The Styled Square Website Customization The Styled Square

How to remove website overflow/horizontal scroll with CSS (Squarespace 7.0 & 7.1)

Have you noticed a frustrating horizontal scroll bar on your Squarespace website? This is called overflow. Website overflow is often caused by code snippets implemented in your website that extend the page width, and as a result, causes a horizontal scroll. In this tutorial, we share a quick and easy solution to remove overflow on desktop, tablet and mobile.

Read More
Website Customization The Styled Square Website Customization The Styled Square

[UPDATED] How to customize Squarespace 7.1 shop categories design with CSS

In this Squarespace tutorial, we guide you through 4 options to customize your shop page categories with CSS:

Update shop category font size

Remove vertical line separator between shop category options

Transform your shop categories into buttons

Stack shop categories on mobile devices

Whether you're looking to add a personal touch of design or add functionality to your Squarespace shop — this post is your step-by-step tutorial to tweaking your template to perfection. Perfect for beginners and seasoned designers alike, this guide is all about empowering you to make your Squarespace shop truly your own.

Read More
Website Customization The Styled Square Website Customization The Styled Square

How to add rotating text to your Squarespace 7.0 & 7.1 website

Looking to boost your Squarespace website's visual appeal and engagement? This tutorial will teach you how to easily incorporate rotating text with HTML and CSS, perfect for highlighting key messages, showcasing testimonials, or adding a creative twist to your content. Follow our step-by-step guide to add rotating text to your Squarespace website and elevate your online presence. Get ready to captivate your audience with dynamic design elements!

Read More
Website Customization The Styled Square Website Customization The Styled Square

How to add a gradient background to a section with CSS (Squarespace 7.1)

Adding a gradient to your website can create a visually appealing focal point, making your content more engaging and memorable. In this Squarespace tutorial, we'll show you how to add a gradient background to any section of your site. Gradients are a versatile and eye-catching design element that can elevate the visual appeal of your web pages.

Read More
Website Customization The Styled Square Website Customization The Styled Square

How to create smooth scroll anchor links in Squarespace 7.0 & 7.1

Anchor links are a hyperlink that allow visitors to jump from one location of a website page to another with just a single click. Anchor links are a user-friendly way of navigating your visitors through text-heavy pages or to showcase your most important content. In this tutorial, we’ll walk through the quick and easy steps to add anchor links to a Squarespace 7.0 or 7.1 website using HTML and CSS,

Read More