Out of the box, LearnDash offers standard visuals for the relevant user-facing pages. This comes in the form of standard LearnDash theme options for colours, icons, tables, fonts, buttons displayed by LearnDash.
For some, this can be a challenge as these standard colour themes may stick out like a sore thumb within your overall website branding and appearance.
There are 2 WordPress LearnDash add-on plugins that can help you address this problem.
Design Upgrade Pro for LearnDash
When you install Design Upgrade Pro, you will be able to customise the styles of the following LearnDash elements on your site:
- LearnDash content lists for lessons topics and quizzes
- LearnDash buttons
- Font sizes
Design Upgrade Pro will also add 100+ options in your theme customizer. You get design options for the LearnDash Course Grid add-on, Course Navigation, LearnDash’s Focus Mode, Login/Registration popup, colour icons, complete status, course progress bars and more.
The plugin is compatible with the following WordPress LearnDash Themes used with LearnDash: Astra, Divi, GeneratePress, eLumine, Neve, OceanWP, LearnMate and Edufire.
It is not compatible with BuddyBoss.
The Plugin costs USD $29 per year for 1 site.
Visual Customizer is an alternative plugin that offers similar customisation options for LearnDash design.
Key features of Visual Customizer
Ability to customise the LearnDash Course Grid Add-on.
Replace the vertical list of course content with a beautiful grid of cards. Hence, creating a better user experience.
Custom layouts for Course Timeline and Outline and Panoramic featured images for courses
Different Focus mode themes to make the course experience stand out for learners
Key differences between Design Upgrade Pro and LearnDash
Both offer similar features. With Design Upgrade Pro, they offer more options for you to customise. If you have TinCanny Reporting Plugin by Uncanny Owl, you will also be able to customise the front-end colours of the reports.
Visual Customizer, however, provides pre-packaged themes that are ready to go at one-click which can save some time and effort.
Visual Customizer also allows one to display additional information such as custom icons and lesson durations on course grid displays. The custom layout for Course timeline and outline is also unique to Visual Customizer.
I’m not sure about Visual Customizer but Design Upgrade Pro is not for its excellent support. Dave Warfel, the developer of the plugin is very active on the Facebook LearnDash Tips and Tricks page and is always helping others out. He is very responsive to those who are using his plugin.