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 Update The Year Automatically in Squarespace
In this Squarespace tutorial, you’ll learn how to add code to the footer of your website that will automatically update the year using HTML & Javascript.
How To Create A Fixed Footer in Squarespace 7.1
Sometimes you’ll have important information and links inside the footer of a website, and making that visible all the time can be really important! This tutorial will teach you how to use CSS to make sure the footer of your site is always visible.
How to Center Footer Text on Mobile in Squarespace
In this tutorial I am going to show you how to use some custom CSS to center all the text in your Squarespace footer specifically on mobile devices. This tutorial covers both version 7.1 an older sites built with the Brine theme in version 7.
How To Create a Three Column Footer in Squarespace 7.1
This tutorial will show you how to create a flexbox footer so you can have two and three column footer layouts on your Squarespace site!
Creating A Three Column Footer Layout in Squarespace 7 (Brine Theme)
This tutorial will show you how to create a flexbox footer so you can have two and three column footer layouts on your Squarespace site!
How to remove the header + footer from a single page in Squarespace
A lot of people use this code to turn a regular page into a landing page, giving you a bit more functionality than a regular cover page. In this tutorial I cover how to add this code to your entire site or to single out an individual page.
