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 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 drop cap letter in Squarespace
In this tutorial, you’ll learn how to create drop cap characters in Squarespace with simple custom CSS.
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.
Multiple Font Styles In One Line of Text
With a little clever CSS, you can have two font families in one line of text on your Squarespace website. In this Squarespace tutorial, you’ll learn how to use custom code to change the font family for specific characters in one line of text. Squarespace Expert Becca Harpain will show you how, step by super simple step.
How To Add A Google Font to Squarespace
This Squarespace tutorial will show you how to install a Google font on your Squarespace site and how to use it in your custom code.
How To Customize Mobile Info Bar Text
In this Squarespace tutorial, you’ll learn how to customize the font used for the mobile info bar labels in Squarespace.
How to change the promo pop-up fonts in Squarespace
You can use the special design menu to change the fonts for every single element of your promotional pop-up, or you can use one line of code to change them all at once!
How to create a marketing popup in Squarespace
In this video, I show you how to use the Squarespace Promo Pop Up. This is a great way to get more subscribers and customers for your business. I'll walk you through each step of setting it up so that you can start using it right away!