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 style selected text in Squarespace
Did you know that you can use CSS to change the look of anything highlighted on your website? Your browser refers to it as a selection, and this tutorial is all about how to customize it.
How To Style Squarespace Blog Comments
Learn how to use CSS to change the style of comments on your Squarespace blog posts.
How to use your own font in Squarespace
This quick tutorial will show you how to use your own font on your Squarespace website!
How to customize your Squarespace blog navigation links
Change up the style of the previous and next options displayed on your individual blog articles.
How to customize the search bar in Squarespace
This tutorial will teach you how to turn an ordinary search bar into one that matches your unique brand style using some simple custom CSS!
How to remove automatic hyphens on Squarespace mobile
One master code to overwrite them all - no more hyphens on mobile!! Check out this tutorial to get a breakdown of the code, and to learn how to add it to your own site.
How to center your mobile menu (Bedford & Brine)
In this tutorial, I am showing you how to create a centered mobile navigation in Bedford and Brine theme templates, and how to make that navigation take up the whole screen.
How to align your mobile menu left or right (Pacific, York, & Five)
In this free CSS tutorial, I am showing you how to change the alignment of your mobile menu to the left or the right for York, Pacific and Five theme templates.
How to add your logo to your mobile menu
Learn how to add your logo to your mobile menu so your website can look beautifully branded on every device.
How to customize the “sales” label in Squarespace
Learn how to create eye-catching “sales stickers” to your Squarespace site in this tutorial!
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!
How to add a tagline to Squarespace 7.1
In this tutorial, you’ll learn how to use custom CSS to adda. tagline to Squaresapce 7.1
How to change image block text styles
This tutorial will show you how to change the style of your image block text types with a little CSS magic!
How to customize the mobile version of Squarespace
Learn how to customize the mobile version of Squarespace using custom CSS media queries! This tutorial will show you how to create these codes step by super simple step.
How to install code on a single page in Squarespace
Learn about the two different ways you can install custom code on a single page in Squarespace and how to know which one to choose!