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.
Dana
Thank you , thank you , thank you . I’ve been trying to figure this out for days
Dave Warfel
You. Are. Welcome. 🙌 Glad you found it.
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?
Dave Warfel
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.
SP
It worked, thanks! Is there also a way to hide the progress bar and the course title on the course page?
Dave Warfel
Sure. You can hide the progress bar with this CSS:
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.
SP
Thanks! I haven’t put the course online yet. I’m using the theme Astra. Does this help?
Dave Warfel
Yep. Here you go.
JesseColbers
Hallo Dave,
Heb jij CSS om de course info row in learnpress te verbergen?
Je zou me er heel erg mee helpen!
Dave Warfel
LearnPress or LearnDash? They are two completely separate plugins.
If you mean LearnDash…
This will hide it for enrolled users:
This will hide it for non-enrolled students:
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!
Dave Warfel
Hi Rod,
You’re so close. I would use your first piece of code. You just don’t need the
!importantpiece. If you did want to add it, you just need a space betweennone&!important. It’s not working because there is currently no space.This should work:
If for some reason it doesn’t, do this:
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
Dave Warfel
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.
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.
Dave Warfel
I responded to this same comment over on the other post about a course page template with Elementor. This appears to be a duplicate comment.
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
Dave Warfel
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.