In this video, you’ll learn about the new additions to the Site Style menu that you can use to change the font and colors used to display your course content.

2025 Update: Squarespace has made some changes to the structure of the site style menu in the last few months. The core content is still there - you can adjust the same course related content in your font and color menus.

Here is a quick list of the course related options that you’ll find in your Site Styles menu.

  • COURSE OVERVIEW

    • Lesson and Chapter Background

    • Lesson and Chapter Hover Background

    • Lesson and Chapter Text

    • Course Progress Bar

    • Chapter Divider

    COURSE LESSON

    • Side Nav Background Color

    • Side Nav Text Color

    • Side Nav Active Lesson Background Color

    • Side Nav Active Lesson Text Color

    • Border Color

  • COURSE OVERVIEW

    • Course Name (Set to Heading font style by default)

    • Course Description (Set to Paragraph font style by default)

    • Chapter Name (Set to Heading font style by default)

    • Chapter Meta (Set to Miscellaneous font style by default)

    • Lesson Name (Set to Paragraph font style by default)

    • Lesson Excerpt (Set to Paragraph font style by default)

    • Lesson Meta (Set to Miscellaneous font style by default)

    COURSE LESSON

    • Side Nav Chapter Name (Set to Heading font style by default)

    • Side Nav Chapter Metadata (Set to Miscellaneous font style by default)

    • Side Nav Lesson Name (Set to Paragraph font style by default)

    • Side Nav Lesson Metadata (Set to Miscellaneous font style by default)

    • Course Name (Mobile) (Set to Heading font style by default)

    • Course Name (Set to Heading font style by default)

    • Chapter Name (Set to Paragraph font style by default)

    • Lesson Name (Set to Heading font style by default)