Visibility Control for LearnPress

Visibility Control for LearnPress 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 LearnPress Course , Or 2. User is Logged In or Logged Out . 3. 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.

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
• 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 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