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 use multiple fonts in a list section title in Squarespace
In this tutorial you’ll learn how to use custom code to target the bold and italic font styles in your list section header so you can combine multiple font styles on one line!
How to create a two column list section on mobile
In this tutorial you’ll learn how to use custom code to target the bold and italic font styles in your list section header so you can combine multiple font styles on one line!
How to create list image hover effects in Squarespace 7.1
In this tutorial you’ll learn how to create custom hover effects for list item images in Squarespace 7.1
How to customize list section cards in Squarespace
In this tutorial you’ll learn how to create custom styles for list item cards in Squarespace.
How to customize list section buttons in Squarespace
In this tutorial you’ll learn how to create custom buttons for individual items in a list section in Squarespace.