In Rise, can you remove the lesson progression number and the percentage complete labels completely?

Jul 18, 2017

Is it possible to remove the lesson progression number and the percentage complete labels completely? I know you can customise the labels, but I would like to remove them completely.

Many thanks,


69 Replies
Stuart Marshall

Hi Sammi,

You first need to export the content and then extract/unzip it. Once you have done that you need to edit the main.bundle.css file (which, in a SCORM export, is in the scormcontent/lib folder).

Somewhere within that file will be something that looks like:

.lesson-header__counter {
margin-bottom: 1.2rem;
line-height: 1.75;
font-size: 1rem;
font-family: merriweather, serif;
font-style: italic;
font-weight: 400

You just need to replace everything between the brackets with visibility: hidden;

You'd then need to rezip your content (if SCORM) to upload to your LMS.

Jeanine West

Thanks for the detailed info, Stuart - This process worked to remove the "Lesson # of #" text that appears above each group of blocks/lesson. 

However, I'm also seeing a numbering system (lesson #) when I scroll up and down in the course at the top/bottom of each 'Section' (as entered in the Rise course development page). Does anyone have a solution for removing that as well?

I've attached a screen image - I'm referring to the top number with the red arrow, i.e. the "Lesson 2" in front of the 1. GCP - Highlights and Key Changes.

Stuart Marshall

Hi Jeanine,

Instead of doing that I would just recommend that you just change the 'lesson' label to something that is more appropriate for your needs (i.e. 'Part' or 'Page'). This is done in Settings. I would also remove your own numbering system from the page/section names as this is what will cause some of the confusion as it won't tally with whatever Rise shows.

If you do want to hide that full line of text though (and leave just the up and down arrows at the top and bottom of the page) you can add the following to the main.bundle.css file:

.previous-lesson__title {
visibility: hidden;

To hide the same at the bottom use:

.next-lesson__name {
visibility: hidden;

To remove the lesson number and just leave the page name at the top and bottom of the pages would be a lot trickier as that needs to be done in the main.bundle.js file and is way more complex.

Alyssa Gomez

Hi Kelsey!

We added the ability to quickly and easily turn off lesson numbers in Rise. 

Go to Settings, click Navigation, and toggle the Lesson Count Labels option to Off. This removes the Lesson # of # label at the beginning of each lesson. It's particularly handy when you’ve created a branched scenario that doesn’t require numbered lessons!