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 Bullet Points in Squarespace
Are you tired of using those same boring bullet points on your Squarespace website? Have you ever wished that customizing them was as easy as changing font color, style and something a little more unique than a dot? Well, now it is!
How to Create a Jump-To-Recipe Button on Your Squarespace Blog
Adding a Jump To Recipe button on your Squarespace blog is simple and straightforward once you know how! By utilizing the code block in Squarespace to create your anchor link, you can quickly create an organized website with helpful features to keep readers engaged with all of the delicious recipes posted on your site.
Squarespace vertical video hack: how to use vertical video in Squarespace 7.1 (updated for 2024)
Have you ever wondered how to change the video block size in Squarespace? If so, this blog post is for you! In this post, we'll walk through the steps of changing video block size using custom CSS.
New Video Block Options in Squarespace
Blink, and you’ll miss it - another Squarespace update happened! Video blocks got a huge upgrade and I’m breaking down everything you need to know about the update in my latest blog post!
Rotating Content Blocks in Squarespace with CSS
In this Squarespace tutorial, you’ll learn how to use some simple CSS to rotate literally anything on your Squarespace website!
How to make anything transparent in Squarespace
Have you ever wanted to make something on your Squarespace website transparent? With the opacity property in CSS, you can easily do that, and this tutorial will teach you how!
How to curve the corner of every image in Squarespace
In this free Squarespace tutorial, you’ll learn how to curve the corners of any and every image on your Squarespace website.
How to align content in Squarespace
Aligning objects within a single content block as well as between multiple content blocks is now easier than ever before in Squarespace thanks to the new alignment feature!
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.
CSS Targeting Tips for Squarespace: How To Change One Thing with CSS
In this Squarespace tutorial, you’ll learn how to use different types of IDs to change individual things in Squarespace with custom CSS.
How to customize a markdown block in Squarespace
Markdown blocks are a creative way to add content to your site, and this tutorial will help you customize it so the content inside can have its own unique style!