Design Upgrade Pro for LearnDash

Better LearnDash styles. 80+ customizable options. Improve your LearnDash design today.

Now compatible with the Boss. theme from BuddyBoss! 👊

SALE  Extra $10 off through December 31st.

Design Upgrade Pro for LearnDash plugin screenshot
Play Video

Cleaner Styles, Out of the Box

Every line of LearnDash CSS has been rewritten.

  • Profile page & registered courses
  • Course content for lessons, topics & quizzes
  • Quiz timer, progress & results
  • Consistent, modern buttons
  • Updated SVG icons
  • Quiz statistics popup, progress bars & more
LearnDash Design Upgrade default styles
Click image to view larger

80+ Options in the Customizer

  • 24 options for the LearnDash Course Grid add-on
  • 19 options for the Course Navigation Widget
  • Show/Hide various course features
  • Custom correct/incorrect colors
  • Striped, animated, rounded & square progress bars
  • Primary & secondary button colors
  • Enable/Disable the "Expand/Collapse" feature
  • Customize borders & background colors on course content lists
  • Show/Hide profile info & quizzes on [ld_profile] output
  • Read below for even more features...
LearnDash Design Upgrade Customizer Panels
Click image to view larger

Course Grid Design

  • Improved spacing for up to 6 columns
  • Equal height grid items & no more weird spacing or floating issues
  • Custom borders, shadows & square or rounded corners
  • Hover effects including shadow, lift & enlarge
  • Full-width buttons
  • 4 different types of ribbon colors (paid courses, free courses, already enrolled & custom ribbons)
  • Course category dropdown styles, including width, background color, border radius & padding

Ready to buy?

Course Navigation Widget

  • Show all topics (remove expandable arrows)
  • Text, background & hover colors
  • Highlight the current lesson/topic
  • Add space between each lesson
  • Control indentation for lessons, topics & quizzes
  • Customize or remove line separators
  • Hide "Return to Course" link
  • Remove the status checkmark icons

Custom Progress Bars

  • Choose your container & bar color
  • Rectangular or rounded corners
  • Adjust the bar height
  • Add stripes or choose a custom color
  • Add a smooth animation on each page load
  • Display "X of Y steps completed"

Convinced yet?

All Features

Course Lists

  • Adjust padding
  • Background color
  • Border width & color
  • Header background & text color
  • Text & text hover color
  • Line separator color
  • Rounded or square edges
  • Alternating rows
  • Highlight rows on hover
  • Remove lesson list count numbers
  • Disable "expand/collapse"
  • Remove status checkmarks
  • Hide "Course Content" heading text

Course Grid Add-On

  • Grid Items: Border width, color & radius
  • Grid Items: Box shadow
  • Grid Item Hover Effects: Shadow, lift & enlarge
  • Full-width buttons
  • Transparent progress bars
  • Ribbons: Position & border radius
  • Ribbon background & text colors: Default, enrolled, free & custom ribbons
  • Category Dropdown Selector: Width, background, border radius & padding
  • Category Dropdown Selector: Hide extra label

Course Navigation Widget

  • Adjust padding
  • Auto-expand all lessons/topics
  • Lesson/Topic/Quiz indentation
  • Text color
  • Hover: text & background color
  • Current page: text & background color
  • Bold lesson headings
  • Control spacing between lessons
  • Lesson text, border & background colors
  • Remove (or customize) topic line separators
  • Remove the "back to course" link, or move it to the top
  • Remove status checkmarks

Progress Bar

  • Striped or flat design
  • Container color
  • Bar color
  • Round or square edges
  • Bar height
  • Smooth animation on page load
  • Display "X of Y steps completed"

Profile Pages

  • Disable "expand/collapse"
  • Square, rounded or circular avatars
  • Hide profile info (just show registered courses)
  • Hide "Edit Profile" link
  • Hide quizzes (within the registered courses area)
  • Hide "Course Progress Overview" text
  • Hide Status column & icons

General Design

  • Link & link hover color
  • "Correct" color
  • "Incorrect" color

Buttons

  • Primary button color & text
  • Secondary button color & text
  • Choose a global button border radius

Topic Pages

  • Hide topic progression dots

Pricing

Renews yearly. Cancel anytime.

SALE  Extra $10 off through December 31st.

1 Site

$29
$ 19 /yr
  • All 80+ Customizable Features
  • 1 Year of Premium Support
  • 1 Year of Updates

20 Sites

Sweet Deal!
$69
$ 59 /yr
  • All 80+ Customizable Features
  • 1 Year of Premium Support
  • 1 Year of Updates

5 Sites

$49
$ 39 /yr
  • All 80+ Customizable Features
  • 1 Year of Premium Support
  • 1 Year of Updates

Prices are listed in USD.
Plan renews at the original price.
All plans are subscriptions & automatically renew yearly. Cancel anytime.
LearnDash plugin sold separately.

Frequently Asked Questions

Is there a free version?

We do have a free version that improves upon the default LearnDash design, but there are no options in the Customizer for you to change. Give it a try, and if you like what you see, come on back and consider going pro.

Will it work with my theme?

Design Upgrade Pro for LearnDash has been designed to work with just about any theme. However, there are a few themes we are aware of that already use custom LearnDash styles.

These themes are not compatible with our plugin:

  • LearnMate by Wbcom Designs
  • eLumine by WisdmLabs

If you have already selected a theme, and would like us to confirm whether our plugin will work, just shoot us an email with a link to your website and we’ll take a look.

We have tested it & can confirm compatibility with Boss. by BuddyBoss*, Astra, Divi, Avada, GeneratePress, OceanWP & all default WordPress themes (Twenty Seventeen, Twenty Sixteen, etc.).

* You must deactivate the “Boss for LearnDash” plugin.

What about page builders?

Design Upgrade Pro for LearnDash works seamlessly with Elementor & Beaver Builder. Use your favorite page builder to lay out your page, then use Design Upgrade Pro to perfect all the LearnDash elements within it. 🙌

Can I change font sizes?

We use a stylesheet to reset all font sizes to match your theme’s default styles. We believe a well-built theme should carefully set font sizes across your site. In an effort to promote consistency across your entire site, we have intentionally excluded font sizes from the Customizer.

However, if you need to update a font size for any LearnDash element, we’ll gladly provide you with custom CSS to do so (even do it for you if you provide us access).

Can I use custom icons & checkmarks?

If you purchase the plugin, we’d be happy to send you some custom code to use your own icons. We plan to make this a feature within the plugin at some point in the future.

How is this different from Snap Orbital’s Visual Customizer?

A few customers have used both products, and several have already reported back that they LOVE Design Upgrade for LearnDash over Visual Customizer. Here are a few reasons why:

  • More options: Simply put, you can do more with our plugin. Hide elements, move things around, disable features, and more complete control over the design.
  • Live preview: We use the Customizer to give you instant feedback as you update your LearnDash design
  • Cleaner code: Visual Customizer adds ~1,200 lines of unminified CSS to the <head> section of your site. We bundle a base set of styles in one external file, and minify our CSS for better performance.
  • Theme compatibility: We’ve carefully crafted & tested our styles to work with some of the most popular WordPress themes on the market, including Astra, Divi & GeneratePress. We continue to work with new customers on compatibility with their themes, and will update the plugin to support as many as possible.

Can I customize LearnDash Add-Ons?

Yes! There are 25 design options for the LearnDash Course Grid add-on. It was our favorite feature-set to develop thus far, and we think you’re going to love it.

We might add support for other add-ons in the future. If you have suggestions, please let us know.

Can I still use the plugin if I don’t renew?

Absolutely. Once purchased, the plugin is yours forever. For the first year, you’ll receive support, updates & new features. After that, the plugin will continue to work, but you’ll need to maintain an active subscription to continue receiving support, updates & new features.

Does my plan renew automatically?

Purchased on or after Nov 2, 2018: Yes. Your subscription will automatically renew every year, until cancelled. You may cancel any time from your account.

Purchased before Nov 2, 2018: No. You will need to return to the site to renew your plan. Don’t worry, we’ll send you an email reminder when your expiration date is approaching.

What’s the difference between plans?

Every plan includes all features, and is available to receive support & updates for 1 year.

The only difference between plans is how many sites you can install the plugin on. If you would like to use it on 2-5 sites, choose the 5 site plan. Have more than 5 sites? The 20 site plan is for you.

If you’d like to use it on more than 20 sites, shoot us an email and we’ll work something out.

Can I upgrade to a higher plan?

Sure! You can upgrade at any time, and you’ll only pay the difference between plans.

Do you offer a refund?

We’d be happy to discuss offering you a refund within 30 days of your purchase. Because of the nature of digital software, we do ask the following:

  • You can prove how the plugin fails to do what it is intended to do
  • You give us a chance to help you first
  • You agree to completely delete all files associated with the plugin, and forfeit your right to use the code

Ask us a question

If you have any other questions, please send us an email and we’ll be happy to help.

☝🏼 Jump to pricing