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

18 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;
      }
  6. Rod

    I am trying to hide the status area at the top of the course that is shown when a user is not enrolled. (Current Status | Price | Get Started)

    I have tried the following custom css but it doesn’t work. Advice?

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

    I have also tried:
    .ld-course-status.ld-course-status-not-enrolled {
    display: none!important;
    }

    .ld-course-status-not-enrolled {
    display: none!important;
    }

    Thanks!

    • Hi Rod,

      You’re so close. I would use your first piece of code. You just don’t need the !important piece. If you did want to add it, you just need a space between none & !important. It’s not working because there is currently no space.

      This should work:

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

      If for some reason it doesn’t, do this:

      .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
      display: none !important;
      }
  7. aidan

    Hi Dave,

    Is there any way of skipping the lesson content page and going straight into the first topic of the lesson? Thanks

    Also is there any way to redirect the last “next topic” button in a lesson to specific url?

    Thanks

    • Hi aidan —

      “Is there any way of skipping the lesson content page and going straight into the first topic of the lesson?”
      — Not that I’m aware of, no.

      “Also is there any way to redirect the last ‘next topic’ button in a lesson to specific url?”
      — Not specifically (that I know of), but the Uncanny Toolkit has a module that auto-completes a lesson once all topics have been completed. You might find that useful. Learn more here.

  8. Leandro Vernocchi

    Hello Dave!, i was looking for this thank you so much!, i was wondering what code should i use to hide the progress bar aswell.

  9. Ken

    Is there a way to just show the Lessons and hide the course content? I would also like to hide the “Expand/Collapse” button.

    Example: https://www.screencast.com/t/NxIcNWgZS

    • Hi Ken,

      So our Design Upgrade Pro plugin has an option that will hide the “expand all” button and all the individual expand arrows, but it will also automatically show all the topics beneath each lesson. See docs here. If you hide those expand buttons, there would be no way of accessing the topics from the course page. If you purchased our pro plugin, I could help you write the CSS to hide the expand buttons and still keep the topics hidden, but I wouldn’t advise it. It would force the user to go to a lesson first, and then access the topics after they were already on the lesson page.

      If you end up buying it, just reply to our existing email thread asking me for the CSS code and I can send it over.

Leave a Reply

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

Powered by WordPress & Theme by Anders Norén