Visibility Control for LearnDash

Visibility Control for LearnDash helps you hide messages and content for specific criterion anywhere on your WordPress page.

You can show/hide HTML elements, menus, and other details based on:
1. User’s access to a particular, any or all LearnDash Course, Or
2. User’s access to a particular, any or all LearnDash Group, Or
3. User is Logged In or Logged Out.
4. User’s role.

You simply need to add a CSS class to your element div or span. As explained here:

Example:

Login/Logout Status:

• To show the element/menu item to a logged-in user, add this CSS class: visible_to_logged_in OR hidden_to_logged_out
• To hide the element/menu item from a logged-in user, add this CSS class: visible_to_logged_out OR hidden_to_logged_in

For user’s role:
* To show the element/menu item to a user will role administrator, add this CSS class: visible_to_role_administrator OR hidden_to_role_administrator
* Note: To show an element to multiple specific roles only, you need add the element multiple times, one for each role. To hide an element/menu from specific multiple roles only you can add the element once add multiple classes to the same element.

For all the courses:

• To show the element/menu item to user with access to all the Courses, add this CSS class: visible_to_course_all
• To hide the element/menu item from user with access to all the Courses, add this CSS class: hidden_to_course_all
• To show the element/menu item to users not enrolled in any Course, add this CSS class: visible_to_course_none
• To hide the element/menu item from users not enrolled in any Course, add this CSS class: hidden_to_course_none

For a specific course, if Course ID is 123:

• To show the element/menu item to user with access to above Course, add this CSS class: visible_to_course_123
• To hide the element/menu item from user with access to above Course, add this CSS class: hidden_to_course_123

For users with access to at least one course:
* Add this CSS class: hidden_to_course_none

For a course completion status, if Course ID is 123:

• To show the element/menu item to user who completed above course, add this CSS class: visible_to_course_complete_123
• To hide the element/menu item from user who completed above course, add this CSS class: hidden_to_course_complete_123
• To show the element/menu item to user who has not completed above course, add this CSS class: visible_to_course_incomplete_123
• To hide the element/menu item from user who has not completed above course, add this CSS class: hidden_to_course_incomplete_123

For all the groups:

• To show the element/menu item to user with access to all the groups, add this CSS class: visible_to_group_all
• To hide the element/menu item from user with access to all the groups, add this CSS class: hidden_to_group_all
• To show the element/menu item to users not enrolled in any group, add this CSS class: visible_to_group_none
• To hide the element/menu item from users not enrolled in any group, add this CSS class: hidden_to_group_none

Read the full description on the official page →