LearnDash Visual Customizer Add-On!

One reason why WordPress makes the ideal learning management system is because of its flexibility. Whenever you need a feature, you can often add it by simply uploading a plugin, adding a bit of CSS, or even a bit of custom code.

In the end, this allows you to make your LMS truly unique for your learners.

Which leads us to today’s release, and why we are beyond excited to share it with you!

We are pleased to announce the arrival of a new, third-party add-on which really gives you an endless amount of visual control for your LearnDash courses.

You can now completely customize the look and feel of LearnDash templates without the need for any custom coding – simply point & click!

The add-on was created by Ross Johnson from Snap Orbital, a WordPress plugin shop with a focus on creating useful solutions with an emphasis on quality design.

LearnDash Visual Customizer

Rather than just view screenshots, check out the video below to see this add-on in action!

With the Visual Customizer, you can make your LearnDash courses 100% unique to your brand and tailor them to your audience.

If children are your main audience, start off with the “playful” template and tweak any color for a total custom look and feel!

Are your learners primarily business professionals? Then select the “modern” template and make changes as needed to blend it with your site!

Add-On Features

Five professional skins: Transform the look & feel of your LearnDash content by selecting from one of five professionally designed templates.

20+ color pickers: Change any color of the default LearnDash template or the custom skins by using over 20 different color pickers.

Works with any theme: Use the Visual Customizer to seamlessly blend your LearnDash courses into any WordPress theme you choose.

How It Works

Simply install and activate. Once activated, you will find an APPEARANCE tab located under LEARNDASH LMS > SETTINGS. From here you can select a pre-made template and further customize the templates to your heart’s content!

Click Here to view screenshots of the pre-made templates.

Here is an example of a profile that has been customized:

Where to Download

This is a premium, third-party add-on available for purchase on the Snap Orbital website.

If you have any questions about this add-on, do not hesitate to leave a comment below.

Until next time!

Categories

About the Author:

Justin Ferriman is the co-founder and CEO of LearnDash, the WordPress LMS trusted by the world's leading organizations, such as the University of Michigan, Digital Marketer, WPEngine, and Infusionsoft. Justin has made a career as an elearning consultant where he has implemented large-scale training programs for Fortune 500 companies. Twitter | LinkedIn

64 Comments
  1. Thanks for the great writeup Justin! We’re very excited to have created an add-on for LearnDash. We’re users ourselves and after tweaking the CSS manually for a few sites, felt there could be a tool that makes the process easy for everyone!

    • Thanks Damien!

      I understand where you’re coming from, but I think there are some advantages for us building it as a premium add-on. We’ll be able to focus on adding new, exciting visual customization features that wouldn’t make sense to exist in the core plugin. More premium skins, bigger library of icons, more font control, etc… LearnDash will also be able to focus more on features specific to creating and managing courses as well.

  2. Peter

    I didn’t see a possibility in the settings to change the background color from white to black…
    Is that possible?

  3. Justin – We are so thrilled to hear about this new plugin! We have been loyal fans of LearnDash since we integrated into our company in January. What we particularly love is that you are constantly refining and adding new features. Its great to know that there are always new additions or new partnerships (like the one with Memberium) in the work making this product stronger, more robust and so seamless to use.
    Thanks so much! Can’t wait to get this latest plugin and fancy up our courses.

    Kindest,
    Jenn & Cortney
    LearnSavvy

  4. Helen

    Can this customization apply to different LearnDash courses on the same site? (e.g. Course #1 blue, Course #2 green, Course #3 brown…etc.)?

    Thanks!

  5. Justin and Ross,

    It’s Mike Weiss here…great addition. Justin your commitment to continually improving Learndash is awesome and Ross – love what you have done!

    I have quite a few clients on LearnDash so if you would like to beta test anything or discuss any ideas…let me know.

    Thanks again!!

  6. This is very exciting, but the plugin isn’t really working for me. Is anyone else having problems actually customizing anything? None of my customizations are working. The “upscale” theme doesn’t even correlate to the default colors in the screen shot.

    Would love to hear if I’m the only one having problems.

    Cheers!

    • Thanks for the comment, Levi. The template that is shown in the settings (the one that gives an example when selecting a template) isn’t dynamic to the colors that you choose/change. Make sure to visit one of your live courses to see the changes applied.

      • Thanks for the reply, Justin. I see that it doesn’t dynamically change. I’m saying that my customizations don’t save (when I refresh live lessons it just shows the default color of the theme I selected).

    • Hi Mike, thanks for the comment. I think you’ll get a lot out of this add-on.

      The add-on will impact the visual components of LearnDash. Course behaviors (such as certificate delivery) won’t be altered. That said, you can display earned certificates for a user on any page by using the profile shortcode. If you have additional questions, please do contact support.

    • Hi Neil, I can’t speak for everyone’s possible site configuration, but I didn’t notice any negative performance issues on our end when testing it on our dev environment (which has a good number of active plugins already).

  7. Oriyomi

    Justin,

    I was this close to giving up on LD because I could not customize but just on time Ross walked in to the rescue.

    You guys are awesome

  8. Giulio

    That is a great addition to an already great platform.

    Does the license come with lifetime updates, or is it limited to one year?

  9. Hi,
    This is a great plugin. Just what I was looking for.
    Also,
    Is anybody working on a child theme for Genesis and learndash. I still have not seen any themes that intergrate well or that was built specifically for the learndash plugin.

    Cathal

  10. aajanron

    I have to laugh at the timing, I just got through almost 2 weeks of toiling away at very specific css customizations, this plug-in will greatly simplify even my detailed process.

    I would respond similarly to @Damien; and Ross I appreciate the flexibility your work facilitates for many non-techies out there. Having said that, Justin, I am a huge proponent of up-front promotion and I would have appreciated if it was made obvious to me it is a premium plugin from the start instead of at the end of my 3 mnutes. It is okay to tell people something isn’t free from the start, if someone wants something they will buy it.

    LD and Justin have been well-appreciated for clean marketing as compared to others in the industry, a small caveat against falling into the abyss of inverse relationship of free/core add-ons/upgrades vs new “premium” add-ons. It is one of the main reasons I opted for LD outside of the app’s capabilities.

    Great stuff. Thank You

    • Thanks for the feedback aajanron, it’s certainly appreciated!

      While we mention that it’s a paid add-on in a few places, I’ll examine where else we can make it more clear for similar releases in the future.

      • aajaanr

        Hi Justin:

        Thanks for your regard.

        I have to admit, I only noticed it mentioned afte the explanation following the video, and really should have looked closer before posting if that is the case. I think my point is valid still, and so is yours , so if I overlooked an example that dispels my “complaint” I apologise. A good lesson in taking the time to reconfirm before casting an opinion.

        A further comment on my customisations: A large part of that time was spent converting my iThemes Exchange products etc front-end display to mimic that of LD Lessons store display. So despite my gripe, I am overall a LD fan.

        Thanks for the great product and comments follow-up.

  11. Rob

    Yep, this works for me as well. I’ve been wanting to customize the look and feel of all this for ages, but simply never really got into it.

    Uploading now.

  12. wilco

    I bought it, lookes good and I need, as many other people, to have a site which has it own identity.

    So I hope more features come soon. Most wanted now are font control on courseleverl and have a different look for each course.

  13. I purchased the visualizer plugin but I cant use the templates because the font of the text on all of them are to big and the image icons run over the text, I don’t see an option to change the text size so I had to revert back to the default template because the default template text is smaller. I would also suggest to add in the future to save our templates because I was trying all but each time I had to start over and over again with the color changes and it took a while. If we could save the color option and for it to apply to all templates it would save a lot of time. Also, some of the color changes are not working on my theme and even the grid plugin is also not working on my theme. I’ve been struggeling for so long on many issues and have already purchased different themes but none of them work perfectly. I purchased the University Theme because it claimed it was compatible but I find many issues. It’s working mainly but there are always some issues.

    • Hi Simone-

      Thanks for the note. Adjusting font size is usually an easy change (i.e. some simple CSS); make sure you raise this with Snap Orbital so that they can get you squared away! For any LearnDash items, we are always happy to assist. You can raise a help desk ticket or open a forum thread and someone will reply shortly.

  14. Jim

    Hi,

    Is there any way to customise the quizzes? Make the buttons bigger, make the radio buttons big and touch friendly? I didn’t see any examples in the screenshots.

    • Hi Jim, Thanks for the comment. I do not believe that quiz buttons are included, but you’ll want to confirm with Snap Orbital. If they aren’t included, the features might make their way into future renditions.

  15. I bought this plugin just now after seeing the banner on the pricing page for the Visual Builder. I am a little confused. I thought the add on was included as a special offer. Is this not the case?

    • Hi Bradley-
      Thanks for the note! Apologies for the confusion – the promotion is on our end and is for LearnDash only (doesn’t include the plugin created by Snap Orbital). When new integrations come about (free or paid) we will often provide a discount for LearnDash. If you purchased and had a different expectation for what would be included, please send us a note and we can get you squared away. I’ll keep an eye out for the message.

  16. konan

    All the plugin themes work and I can see them change on the website, but when I try to customize colors, nothing happens. I’ve tried clearing my browser cache, but to no avail. Is there something else I could try?

      • Syed

        I bought the plugin as well and it is great. I was under the impression that when you chose the colors, the changes would occur in real-time.

        It was a disappointment when I realized the “preview” was just an image. 🙁

        • Thanks for the comment Syed. I do believe the preview is an image of the default template you select, but when you change the colors and save, it updates your site instantly. You should share your suggestion with Snap Orbital though!

          • Alan

            I’m not finding that it updates immediately. I have to quit my browser then restart it to see the changes, or open an incognito window. It’s extremely annoying. But I’ll do anything to avoid the tiny itty bitty teeny weeny little letters of the default menu.

  17. Looks good and would make life easier as I currently custom style the learndash.

    A few questions.

    1, Does this only style the course overview page or can it also style the widgets / shortcode that is used to pull course information

    2, Does this have the ability to change the icons. It says font awesome but have no idea if it requires custom code or is a point and click,

    3, Is there going to be the ability to change fonts, as a custom design option would be awesome,

    4, How can we get more templates, what will they cost and when will they be released.

    A full example video on the website might be a great idea, right now Justin your video is the only way to see this plugin and would be nice to get a full overview of what it can do rather than jsut a snapshot – Thats on them not you mate.

    5, are the designs responsive ?

    • Hi Steve-
      Thanks for the note. You will want to ask Snap Orbital these questions as well. From my understanding:

      1. Yes you can use this with widgets
      2. Icons can be changed; Snap Orbital can point you to where it is done (no coding)
      3. I do not believe font selection is currently a feature
      4. More templates may be added to this add-on
      5. Yes

  18. Darren

    Quick question – this plugin styles a users / learners course dashboard, correct?

    If I have buddypress integrated into a users profile, will this still be able to style the course portion of their dashboard?

    • Hi Darren-

      This add-on allows you to style LearnDash templates (i.e. the course content table, progress bar, profile, etc.). It won’t apply to BuddyPress. For specifics though, you’ll want to inquire with the plugin’s vendor, SnapOrbital.

0 Pings & Trackbacks

Leave a Reply

86 Reasons To Choose LearnDash ... Show Me →
+ +