How to assign a course category #
To do that, go to LearnDash LMS > Courses and click on a course to edit. On the course back-end page, open the Course page tab, where you’ll find the box to assign a course category. You can choose one or a few categories from your list.
At the moment, the course grid displays only one category — the first one in alphabetical order. If you’ve assigned more categories to your course, they’ll still be active, but they won’t be displayed on the course grid.
How to display a short description for the course #
Good news — you no longer need to install anything extra for this. The Course Grid functionality is now built into the LearnDash LMS core plugin (from version 4.21.4 onwards), so there’s no separate “Course Grid” add-on to download or activate.
To add a short description, go to LearnDash LMS > Courses and click on a course to edit. On the course page, click on the Settings tab, then scroll down and you’ll find the place to enter the Short description. Fill it in, and it will show on the eLearn Theme course grid.
If you don’t see the Short description field there, make sure you have enabled LearnDash Course Grid from the Screen Options settings at the top of the page.
If you’re on an older version of LearnDash, you may still need the separate Course Grid add-on activated for this field to appear — so it’s worth keeping LearnDash up to date.
How to disable the default LearnDash auto content on Course Pages #
To disable the default LearnDash auto content on Course Pages go to Admin Dashboard > Divi > Theme options and click on the “Divi LearnDash” tab. Then click on the option to be enabled. This will switch off the default auto content that goes on the LearnDash Course Pages by default, and will leave you with a blank course page to customize as per your liking.
How to set-up your course pages #
Each course page is built with the Divi Builder. You can use one of the eLearn Theme’s existing course page layouts, which you’ll find in the Divi Library, or build your own custom one.
To display the LearnDash elements on the page — the status bar, the enroll button, the lessons list — you have two options, depending on your Divi version:
• On Divi 5, you use our dedicated course page modules, which you’ll find in the Divi Builder.
• On Divi 4, you use LearnDash shortcodes inside a Divi code module.
Both are covered below.
Before you begin building your course page, set the page to use no sidebar, so you have a fully customizable blank page to work with. Go to your Admin > LearnDash LMS > Courses, click on the course, open the Course page tab, and choose the No Sidebar option. You can still build your own custom sidebar with the Divi Builder if you want.
How to customize your course pages with the Divi Builder #
To customize your course page, go to the page and click on “Edit with Divi Builder” as usual. You can use any of the existing course page layouts that come with the eLearn theme, or build your own.
You can have different layouts for different course pages, or set up one layout that applies to all your courses. To apply one layout across all courses, set up a global course template from Divi > Theme Builder.
Displaying LearnDash dynamic elements on course pages #
The eLearn theme lets you place LearnDash’s dynamic elements — the course content, the status bar, and the action button — anywhere on your course page.
On Divi 5 — using the course page modules
With the theme updated to the latest version, you’ll find three dedicated modules in the Divi Builder. Just drag them into your layout like any other Divi module — no shortcodes needed:
– Divi LearnDash Course Content – displays the lessons, topics and quizzes your course contains.
– Divi LearnDash Course Info Bar – displays the course status, price and buy button when the visitor isn’t enrolled. Once the visitor is enrolled, it displays their course progress bar instead.
– Divi LearnDash Course Action Button – displays a “Take This Course” or “Login” button. It shows nothing if the visitor is already enrolled.
On Divi 4, you place the same elements using LearnDash shortcodes inside a Divi code module:
– LearnDash course content – displays the lessons/topics/quizzes: [course_content]
– LearnDash Course Info bar – displays the course status, price and buy button when the visitor isn’t enrolled; displays the progress bar once they are: [divi_ld_status]
– LearnDash “Buy This Course” button – displays a “Take This Course” or “Login” button; displays nothing if the visitor is already enrolled: [divi_ld_status_action]
If you’d like to show a message to visitors who are already enrolled, use the [student] shortcode on its own, in a Divi code module:
[student] You are enrolled in this course [/student]
The message shows only to visitors who are already enrolled in the course. It works on both Divi 4 and Divi 5, and you can place it wherever you like on the page — for example, near your action button (whether you’re using the Divi 5 module or the shortcode) so that enrolled visitors see the message where non-enrolled visitors see the button.
And this is what it will display:
