Affiliate Disclosure: We may be compensated if you use our links to make a purchase. We are extremely selective in who we partner with & only recommend products we believe in. Our affiliate relationships do not influence our recommendations.

Update, June 21, 2024: We released version 2.22 of Design Upgrade Pro, and version 2.22.1 3 days later. Version 2.22.1 fixes the issues with LearnDash 4.15’s new styles. If you’re using LearnDash 4.15 or higher, please update our plugin to 2.22.1 and all of your design issues should be fixed.

Design Upgrade Pro’s styles will now override all of LearnDash’s Customizer styles.

Hi LearnDash Friends,

If you’re reading this, you’ve heard about LearnDash 4.15 and the new “LearnDash Styles” design options they added to the Customizer. You found out about them at the same time I did.

If you didn’t know, I’m the owner of the popular Design Upgrade for LearnDash plugin (~20,000 active users). I’ve heard from some customers via email, and I’m being told there are many more asking questions in the LearnDash Facebook Group (unfortunately, I’m unable to respond in the group).

NOTE: I am a member of the Unofficial LearnDash Group here. Consider joining that if you’d like to ask questions about the plugin and these new LearnDash options. Tag me to be sure I see your questions.

Recommended ProductKinsta managed WordPress hosting

As of July 24, 2024, I have released version 2.22.1 which should fix all design-related issues between our plugin and LearnDash 4.15’s styles.

Here are the answers to a few questions you might have about how Design Upgrade Pro works with LearnDash 4.15’s new Customizer styles.

Will updating to LearnDash 4.15 affect my Design Upgrade styles?

Some of them, yes. Others, no.

The options in LD 4.15 are very limited compared to what we offer. They do automatically apply some CSS, even if you don’t use any of their options, and some of that CSS will change the look of your site.

As long as you are using version 2.22 of our plugin or higher, and you set design options with our plugin, they will override the LearnDash design options.

Which parts of my site will be affected?

If you are still using version 2.21 or below of our plugin, you can expect some issues. Things like buttons, progress labels, course content headings, etc. might be using the option in the “LearnDash Styles” Customizer panel instead of Design Upgrade styles.

Features that Design Upgrade offers that LearnDash Styles does not, those were never affected.

Can I use both the Design Upgrade plugin and some of the new LearnDash Styles?

In most cases, no. There might be one or two LearnDash Styles that override ours, but in order to make all of our plugin options work, we had to write some really aggressive CSS to override LearnDash’s CSS. This means that our plugin’s styles will win out over LearnDash’s styles in 90+% of cases.

What about button & link hover styles?

The new LearnDash Styles do not provide any hover style options. Our plugin has always included these options, and continues to do so.

If you want access to button & link hover styles, you’ll need to use Design Upgrade Pro for LearnDash, and make sure you’re on version 2.22 or higher.

What’s happening with the FREE version of Design Upgrade for LearnDash?

I’m still figuring this out. Because of how our free & pro plugins are written, we share a CSS file for much of the functionality in both plugins. This means we aren’t making updates in two different files every time we change something or add a new feature.

Because of how aggressive LearnDash has been with their CSS rules, and how many new features they added to their own “LearnDash Styles” panel, there’s a lot of styles we had to override to make sure our pro plugin worked properly. This also means that our styles will get way more aggressive in the free version, and since there’s no Customizer options to change those styles, this means the default colors and styles will override the ones that LearnDash provides.

This is far from ideal, and I didn’t want to have to do that, but to keep a free version working as it always has, my only option would be to rewrite and manage an entirely new CSS file. I don’t think that’s something I’m willing to do for a free plugin, especially when our pro version still just costs $29/yr., which is the same as when we launched the plugin in June of 2018.

We haven’t raised the price in 6+ years, and it’s an incredible value for all the features it contains. So as of now, the current free version will have some design issues, and the only way to design your site the way you want is by using our pro plugin.

Recommended Product

Rapyd WordPress Hosting
Rapyd just launched the fastest BuddyBoss, LearnDash & WordPress LMS hosting on the planet. Get 25% OFF with their early bird discount and lock-in up to 2 years of discounted pricing. From the creators of BuddyBoss.

Get 25% OFF Rapyd Today →

Should I stay on LearnDash 4.14?

As long as you’re using version 2.22 of Design Upgrade Pro, you can safely update LearnDash to 4.15 and higher, and not lose any of your design options.

If you’re still on 2.21 or below, you’ll need to stay on LearnDash 4.14 to use our plugin without issues.

When can I expect an update to the Design Upgrade plugin to address all of this?

We released version 2.22 on July 21, 2024 and emailed all past & present customers. Version 2.22.1 is the latest version that contains fixes to all the design issues with LearnDash 4.15+.

What does this mean for the future of the Design Upgrade plugin?

I’m not sure yet.

I hope to have a conversation with LearnDash in the near future about their plans for the LearnDash Styles. If they plan to continue adding design options to it, and those options overlap with ours, there will come a point where it won’t make sense to continue managing our plugin.

But we’re a long way away from that at this point.

As long as we still have a decent amount of users using our plugin, and getting value from it, I’ll do my best to continue maintaining it.


If you have any questions I didn’t address above, feel free to leave them in the comments.


Below I’ve included some general information about the new LearnDash Styles panel in the Customizer in version 4.15. These are mostly just notes about how the styles work, if you’re curious.

LearnDash > Settings > General > Colors

Upon upgrading to LearnDash 4.15, it looks like LearnDash changes the default colors under LearnDash LMS > Settings > General > Design & Content Settings.

The new default colors used the dark blue & green mentioned below, and changed the Notifications & Warnings color to a different shade of yellow (from #ffd200 to #f2e600).

LearnDash 4.15 default colors
New, default colors in LearnDash 4.15

What’s interesting is that if you click the “Default” button, you can actually restore the previous color defaults in versions 4.14 and below, which were:

Recommended Product

Uncanny Owl logo
Uncanny Owl has been making the best LearnDash plugins since the day LearnDash was born. Their LearnDash Toolkit is used on over 30,000 sites and adds 20+ features specifically for LearnDash. They also sell the popular plugins:
Uncanny Groups - group/corporate sales, group reporting & more.
Tin Canny Reporting - one of the best reporting plugins for LearnDash
Uncanny Automator - automate LearnDash & connect with 150+ WordPress plugins & third-party services

  • Accent Color: #00a2e8
  • Progress Color: #019e7c
  • Notifications, Warnings, etc.: #ffd200

LearnDash Customizer Style Defaults

When you update to version 4.15, LearnDash applies some default colors to various elements of your LMS.

They use the following 4 colors:

  • #002bc9 – dark blue
  • #01af36 – green
  • #333333 – dark grey
  • #ffffff – white

In general…

Dark blue is used for:

  • In Progress status background
  • Content header backgrounds
  • Button backgrounds
  • Breadcrumb links
  • Focus Mode navigation element background color

White is used for:

  • In Progress status text
  • Content header text
  • Button text
  • Focus Mode navigation element text color

Green is used for:

  • Complete status background
  • Progress bars

Dark grey is used for:

  • Incomplete quiz icons