Jump to content

Progress bar in course page colours

Go to solution Solved by BigBangThinking,

Recommended Posts


How is it possible to change the progress bar color in a course page. The template I used it leaves it all in white. It would be nice to have a border or backgrouns¡d and some rounded colors, maybe the progress in some color as well.

Is it possible via css? how?

you can see it here


to get in you must use a password and it is 12345678

it is a demo site I use for trying out things, before making them live.


Link to comment
  • Replies 1
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

In 7.1 which is the version I'm using, you have to go to a lesson, go into the site styles, select the style you are using, then Colors and at the very end you will find Course Lesson and there is Side Nav Background Color , you can change it there. This will change the background of the progress bar and of the lessons on the accordion that displays them in the course main page. They should be separate but that is how it is.


The demo site is not available any longer

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.