FREE SQUARESPACE TUTORIALS
Learn how to customize Squarespace with CSS
Welcome to my collection of free Squarespace css tutorial videos here InsideTheSquare!
Browse by category below, or search for exactly what you need.
BROWSE BY CATEGORY
- Tablet
- Version 7
- Version 7.1
- accordion
- alert
- align
- animation
- announcement bar
- archive
- audio
- background
- backgrounds
- blocks
- blog
- blur
- border
- borders
- button
- button styles
- buttons
- calendar
- caption
- cart
- chart
- checkout
- collection
- collection page
- color
- colors
- content
- cookie
- cookie alert
- countdown
- countdown timer
- course
- css
- custom
- date
- design
- desktop
- digital product
- divider
- donation
- donation block
- dropdown
- e-commerce
- elfsight
- embed
- event
- events
Brand new to custom CSS?
How to customize blog post width on tablet screens
In this tutorial, I'll show you how to customize the width of a blog post for tablet screen sizes.
How to Change Squarespace Blog Post Paywall Text: A Step-by-Step Squarespace CSS Tutorial
In this tutorial, you’ll learn how change the automatic text on a blog post paywall.
How to create a drop cap letter in Squarespace
In this tutorial, you’ll learn how to create drop cap characters in Squarespace with simple custom CSS.
How to change read more links on summary blocks in Squarespace
In this tutorial, you’ll learn how to change the read more link in a summary block to anything you want it to be.
How to stack blog pagination on mobile screens
In this tutorial, you’ll learn how to use CSS to stack blog pagination on mobile screens for a Squarespace website.
How to add custom labels to your blog pagination
In this tutorial, you’ll learn how to add text to the previous and next links in your Squarespace blog. This is a great way to personalize your website and make it uniquely yours!
How to embed an Instagram reel into Squarespace
In this Squarespace tutorial, you'll learn how to add an Instagram reel to a blog post. I use a 7.1 version site in this tutorial, but the process is the same for older versions of Squarespace.
Summary Block Hover Effects
In this tutorial we’ll use some custom code to change the look of summary blocks so they stand out on a hover.
How to Customize Summary Blocks in Squarespace
As great as the summary block feature is, the built in design can be pretty...well, boring! In this tutorial, we’re going to check out the selectors behind these summary blocks and use some custom code to make them look awesome.
How to add social share buttons to a blog post in Squarespace 7.1
In this tutorial, you’ll learn how to install ShareThis social media buttons in a blog post in Squarespace 7.1
How to add a background image to a blog post in Squarespace 7.1
This tutorial will teach you how to upload your own image for blog post backgrounds in Squarespace 7.1
How to customize the read more blog post links in Squarespace
In these tutorials you’ll learn how to customize the read more links in Squarespace, turning them into a button and even replacing the words “Read more” with your own text!
How to hide blog pagination in Squarespace 7.1
Pagination is the text at the bottom of a blog post that displays the title of the previous and next articles along with big arrow icons. This tutorial will teach you how to hide the pagination on a blog post in Squarespace 7.1
How to Customize Category Links in Squarespace
In this tutorial, you’ll learn how to customize the category links displayed on a blog post in Squarespace using CSS.
How to create frosted glass effect for a blog post grid in Squarespace 7.1
This tutorial will show you how to create a frosted glass effect over a blog post grid in your Squarespace 7.1 site.
How to create equal height blog summary blocks in Squarespace
This tutorial will teach you how to create equal height blog summary blocks in any version of Squarespace, 7 or 7.1
How to create two columns of text in Squarespace
In this tutorial, I am going to show you how to create multiple columns of text in any version of Squarespace!
How To Style Squarespace Blog Comments
Learn how to use CSS to change the style of comments on your Squarespace blog posts.
How to customize your Squarespace blog navigation links
Change up the style of the previous and next options displayed on your individual blog articles.