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 add a chapter description to a course overview page
In this tutorial, I'll show you how to add custom excerpts to your chapter titles using a bit of CSS magic.
How to create a numbered accordion block in Squarespace
This tutorial will show you how to create a stylish numbered accordion in Squarespace.
How to add an image inside an accordion block
This video tutorial shows you how to embed & customize multiple images within Squarespace accordions using simple code. Learn to adjust image size, placement, and even remove images from specific items. Perfect for showcasing products, portfolios, or adding visual interest to your FAQs.
Customize accordion block font in Squarespace
In this free Squarespace tutorial, you’ll learn how to customize the font of an accordion block using simple CSS.
How to customize accordion block divider lines in Squarespace
In this tutorial you’ll learn how to turn the solid accordion divider into a unique border or even a fancy linear gradient.
How to create an alternating color accordion block in Squarespace
Squarespace Accordion blocks don’t have to be basic! You can use custom code to create a colorful one, and this tutorial will teach you how.
How to add a button to an accordion block in Squarespace
Did you know that you can change the active link in an accordion block to look like an actual clickable button, hover effects, and all?! It’s actually super simple and super customizable, and this tutorial will teach you how.
