Adjust LearnDash design in the Customizer

Design Upgrade for LearnDash Pro provides a theme-oriented styling baseline and more than 110 settings in the WordPress Customizer. Adjust common LearnDash interface details there, reducing the need to write a separate CSS rule for each change. Child-theme CSS and WordPress Additional CSS can take precedence over the extension’s styles. Theme compatibility can vary when a theme changes LearnDash markup.

Course content, progress, and profiles

Course content list controls cover background and text colors, hover effects, line separators, and count visibility. Progress bars can use custom colors, border radius, height, and stripes, with an option to animate the bar when it loads. Button backgrounds and text colors are adjustable as well.

For the [ld_profile] area, options include avatar shape, a custom edit-profile link, and controls for showing profile and quiz information. You can show or conceal selected course and profile features, disable expand and collapse links, and show content expanded by default.

Focus Mode and related components

Login and registration popups have more than 10 design options. Focus Mode has more than 20, including seven for comments. The Course Navigation Widget has 15 options, and the Course Grid Add-On has 20. Alerts include nine custom colors and further controls; tooltips can use custom background and text colors.

• The Achievements Add-On includes 10 customization options.
• Tin Canny Reporting has 12 options for front-end reports.
• Uncanny Groups receives button, border-radius, and other front-end styling improvements.

Additional design updates cover Focus Mode navigation and its sidebar tray, course sections, mobile menus, comments, registration pages, profile areas, course grids, pagination, assignments, and the User Status widget. The plugin detects whether the LearnDash 3.0 or Legacy template is active and applies styles accordingly. Print styles and right-to-left (RTL) language support are also included. Styling extends to WisdmLabs ratings, reviews, and feedback components, along with selected LearnDash group registration interfaces.

Apply and preview your settings

1. Install and activate Design Upgrade for LearnDash Pro on your WordPress website.
2. Open the Customizer and review the available Pro controls.
3. Adjust the sections relevant to your courses, preview the changes, and publish the settings when the layout suits your site.