LearnDash Design & Tutorials

LearnDash Design & Tutorials

How to Hide the Default LearnDash Lesson List on Course Pages

Affiliate Disclosure: We may be compensated if you use our links to make a purchase. We are extremely selective in who we partner with & only recommend products we believe in. Our affiliate relationships do not influence our recommendations.

I’ve seen this question come up many times now, so I figured I’d post the solution online for all to see.

Are you using the LearnDash course grid to display your lessons in grid format? If you’re using the [ld_lesson_list] shortcode (or block) on your course page, and want to hide the default lesson list, here’s the solution.

Add this CSS code to the “Additional CSS” area in the WordPress Customizer.

.single-sfwd-courses .ld-lesson-list {
	display: none;
}

This will specifically target the LearnDash lesson list only on course pages.

LearnDash course content lesson list, crossed out

Previous

How to Make the Entire Course Grid Element Clickable in LearnDash

Next

How to Enable Comments for LearnDash

10 Comments

  1. Dana

    Thank you , thank you , thank you . I’ve been trying to figure this out for days

  2. SP

    Thanks, I was looking for this. However, I wonder how my customers can start the course when they cannot acces it via the Course content. Can I add a “start course” button on the course page?

    • Sure. You can use the [student] and [/student] shortcodes to show content only to enrolled users, then add a button with whatever version of the WordPress editor you’re using, and link it to the first lesson in the course.

      Alternatively, you could use the Uncanny Toolkit’s Resume Button.

  3. SP

    It worked, thanks! Is there also a way to hide the progress bar and the course title on the course page?

    • Sure. You can hide the progress bar with this CSS:

      .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
          display: none;
      }

      As for the title on the course page, that depends on your theme. If you can provide a link to a course page, I can provide you with the CSS.

  4. SP

    Thanks! I haven’t put the course online yet. I’m using the theme Astra. Does this help?

  5. Hallo Dave,

    Heb jij CSS om de course info row in learnpress te verbergen?
    Je zou me er heel erg mee helpen!

    • LearnPress or LearnDash? They are two completely separate plugins.

      If you mean LearnDash

      This will hide it for enrolled users:

      .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
          display: none;
      }

      This will hide it for non-enrolled students:

      .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
          display: none;
      }

Leave a Reply

Your email address will not be published. Required fields are marked *

Powered by WordPress & Theme by Anders Norén