Disable learndash course progress bar

[Tony]

Hi,
I’m running into issues with the course progress bar not updating properly because I’m drip feeding the lesons.

So, for example I’ll add three initial lessons, log on as a user and do one of them.
Then, I create another, and go back as the user. The course progresss bar hasn’t updated but the number of lessons (text on progress bar has, saying ‘4’ lessons. (The course progress bar says – You have completed 33% percent)

Also, as admin I often do lessons on my account which says 5 of 3 lessons completed.
Can I just disable the bar completely (I don’t mind the number of lessons of ‘in progress’ but I don’t actually need the course Progress bar

Thanks a lot

Happy New Year

Tony

[Anonymous]

Hi @english24, Please add this css code into child theme’s custom css option to completely remove the course progress bar.

.table-cell.progress {
  display: none !important;
}

Regards

[Tony]

Thank you!

[Anonymous]

🙂

[Tony]

Hi Pallavi…
Thanks for that.. Great… It works and I’ve tested it. I’ve still got a problem with it though.
Because I’m dripfeeding when a student student has finished a lesson it says ‘completed’ Because of caching issues – when te next lesson appears it still says ‘completed instead of saying in progress…

Could you please help me to remove the ‘completed/ In progress’ etc button completely as well as the number of lessons on the left hand side…. Sorry, they don’t really work very well with dripfeeding… (see attached)

Thanks in advance

Tony

[Anonymous]

Hi @english24, Please add this css code into child theme’s custom css option to completely remove the course progress bar and related to course completion.

#course-details {
    display: none !important;
}
.table-cell.progress {
  display: none !important;
}
.single-sfwd-lessons header.entry-header span {
    display: none !important;
}
.learndash_topic_dots.type-dots {
    display: none !important;
}
.single-sfwd-topic header.entry-header span {
    display: none !important;
}
.widget_ldcourseprogress, .widget_ldcourseprogress h4 {
    display: none !important;
}
#course_progress_details {
    display: none !important;
}

Regards