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?
5 creative ways to customize your Squarespace mobile menu
In this tutorial, you’ll learn five creative ways to customize your Squarespace mobile menu.
How To Show A Squarespace Project Title On Mobile Devices
In this tutorial, you’ll learn how to use some super simple code to make sure your Squarespace project titles are visible on smaller screens.
How to move the header to the bottom of the page on mobile
In this tutorial, you’ll learn how to use CSS to change the layout of your Squarespace site, moving the header to the bottom of the page when your site is viewed on mobile devices.
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 add an animated number counter to Squarespace
Squarespace can do a lot, but it can’t do it all! That’s where Elfsight comes in handy. In this video, you’ll learn how to create, customize, and install an animated number counter in Squarespace using Elfsight.
How to wrap text around an image in Squarespace
In Squarespace, you can add an image on top of a text block, but when it resizes everything gets changed! This tutorial will teach you how to wrap text around that image so it will look great on every size device.
How to create a horizontal timeline in Squarespace
Timelines are a popular design choice for all kinds of websites, but Squarespace doesn’t have that feature built into their program. Luckily, this tutorial will teach you how to make your own using a list section in Squarespace 7.1 and a little bit of custom CSS!
How to customize a calendar in Squarespace
Calendar blocks can display blog posts, products, images, and events that are scheduled or have already happened. There are not many options for customizing the look of this Calendar in Squarespace, but with the codes in this video, you’ll be able to update a calendar block with colors, borders, and more!