10 creative ways to customize your Squarespace course lesson page & sidebar navigation
This tutorial is specifically for the latest version of Squarespace, known as 7.1, and won't work for older versions of Squarespace. For more information, visit https://insidethesquare.co/themes
Squarespace courses are a cool feature that letโs you present structured content in the form of lessons that are grouped into chapters. This course feature allows for progress tracking and is designed to feature videos for each less.
While it has some great design options, Iโve had to rely on my custom code collection to make this feature perfect for some of my clients, and my own courses!
In this tutorial, Iโm sharing my top 10 code tricks that you can use to customize the lesson page and the sidebar / side navigation feature that is exclusive to this type of Squarespace content.
The codes I use are below, but make sure you take the time to watch the video so you can understand exactly how to use these codes and how to make them unique for your own Squarespace website style.
Here are the codes used in this tutorial.
Youโll find more selectors and style plugins like this inside the Squarespace CSS cheat shet, available at insidethesquare.co/css
Be sure to edit the values so they match the style of your own website!
๐ Squarespace CSS Resources โ insidethesquare.co/css
๐ฟ Free Squarespace tutorials โ insidethesquare.co/tutorials
๐โโ๏ธ Have a question? Check out my code troubleshooting tips โ insidethesquare.co/code-help