Design Upgrade for LearnDash Pro

Customizer controls for LearnDash

Design Upgrade for LearnDash Pro provides more than 110 design settings in the WordPress Customizer. Use them to style LearnDash interfaces to fit more naturally with your theme, with controls for course content, student profiles, Focus Mode, and selected add-ons.

Course and profile controls

• Course content lists: adjust background and text colors, hover effects, line separators, and list count visibility.
• Progress bars: set colors, border radius, and height, add stripes, and animate the bar when it loads.
• Buttons: set background and text colors.
• The [ld_profile] area: change the avatar shape, set an edit-profile link, and display or conceal profile and quiz information.
• Login and registration popups: pick from more than 10 design options.
• Focus Mode: choose from more than 20 options, including seven for Focus Mode comments.

Options for add-ons and reports

• Course Navigation Widget: 15 design options.
• Course Grid Add-On: 20 design options.
• Achievements Add-On: 10 customization options.
• Tin Canny Reporting: 12 options for front-end reports.
• Alerts: nine custom colors and additional controls; tooltips also have background and text color options.
• Uncanny Groups: button, border-radius, and other styling improvements for front-end elements.
• WisdmLabs ratings, reviews, and feedback elements, along with selected group registration interfaces, receive design improvements.

Additional controls can show or hide selected course and profile features, disable expand and collapse links, and show content expanded by default.

Template and theme behavior

The plugin detects whether the LearnDash 3.0 or Legacy template is in use and applies styles accordingly. Its broader design updates cover Focus Mode navigation, the sidebar tray, course sections, mobile menus, comments, registration pages, profiles, course grids, pagination, assignments, the User Status widget, and quiz elements. Print styles and RTL language support are also included.

Theme compatibility depends on the LearnDash markup; customized markup can affect how styles apply. The LearnDash Visual Customizer may conflict because it styles similar components. Elementor customizations to LearnDash elements override this plugin's styles. CSS in a child theme and WordPress Additional CSS can take precedence.

Installation and process

Install and activate Design Upgrade for LearnDash Pro on your WordPress website, then open the Customizer. Review the available controls, adjust the sections relevant to your courses, preview the changes, and publish the settings when the layout is ready.