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 Your Squarespace Cookie Alert
In this tutorial, you'll learn how to customize your Squarespace cookie alert. We'll adjust the text, button labels, disclaimer text size, and color themes directly within the editor. Then we'll dive into custom coding to further personalize your cookie alert, including changing background colors, button styles, and the Manage Cookies overlay.
How to use multiple fonts in your Squarespace announcement bar
In this tutorial, you’ll learn how to feature multiple text styles in your announcement bar using custom CSS. What we’ll do is isolate characters based on their text type: bold and italicized fonts.
How to create a mini announcement bar in Squarespace
In this tutorial, you’ll learn how to change the size and location of a Squarespace announcement bar with simple custom CSS.
How to create scrolling announcement bar text in Squarespace
In this tutorial, you’ll learn how to create a scrolling text animation for the announcement bar in Squarespace.
How to add a button to your announcement bar
Announcement bars are a great place to get the attention of your website visitors. Make it even more actionable by adding a button to the announcement bar with this week’s CSS tutorial!
