No results found. Try again with different words?

Search must be at least 3 characters.

Astra Compatibility with LearnDash Version 3.0

Sidebar Image

Did not find a solution? We are here to help you succeed.

The following article will help you get an overview of LearnDash – Overview of LearnDash integration in Astra

Recently LearnDash released version 3.0 with major improvements. In this version, few new things were added while few of the previous structures were changed.

LearnDash Legacy mode

In case you still wish to continue with the previous version you can select a Legacy mode –

You can find the settings under WordPress Dashboard > LearnDash LMS > Settings > General > Design & Content Elements > Active Template.

LearnDash Legacy Mode

When you choose Legacy mode Astra will continue working as it was previously. Astra adds LearnDash settings in the customizer under –

1. Customizer > LearnDash

Astra LearnDash Settings , Astra 3.0+

2. Customizer > LearnDash > Colors [Astra Pro]
3. Customizer > LearnDash > Typography [Astra Pro]

LearnDash Color and Typography, Astra 3.0+

Below are the related documents –

LearnDash Integration in Astra Theme
LearnDash integration in Astra Pro

LearnDash 3.0 mode

You can switch to the LearnDash 3.0 template from WordPress Dashboard > LearnDash LMS > Settings > General > Design & Content Elements > Active Template. This will enable all the new LearnDash features on your site.

Astra theme and Astra Pro – version 1.8.6 and above, can work seamlessly with LearnDash 3.0 version. Astra disabled a few of the settings that were dependent on LearnDash previously and that are no longer usable. Also, LearnDash 3.0 provided some new attractive features that were available with Astra before. We removed such duplicate options too as we do not want to bloat your site with identical options.

Below are some settings that you will find disabled from Astra customizer –

1. Customizer > LearnDash – This tab held a few layout options for LearnDash pages. Like –

1.1 Distraction Free Learning: LearnDash 3.0 has a similar feature – Focus Mode. ( LearnDash LMS > Settings > General )

LearnDash Focus Mode, Astra 3.0+

Note: The Astra Meta Settings will not work when the Focus Mode of LearnDash is enabled.

1.2 Student’s Gravatar in Primary Header: Enabling Focus Mode will add Student’s Gravatar by default.

LearnDash Gravatar, Astra 3.0+

1.3 Course Content Table: LearnDash 3.0 doesn’t support table structure anymore. All tables are now converted into fields.

2. Customizer > LearnDash > Colors [Astra Pro] – This tab will be available in the customizer with new color options. We will see all the new options in the later part of this document.

3. Customizer > LearnDash > Typography [Astra Pro] – This tab will be disabled. Previously typography options were available for LearnDash Tables. Since the table structure will not be available these settings are no longer usable. LearnDash pages will inherit typography from Customizer > Global > Typography > Base Typography.

New Colors & Background options for LearnDash 3.0 with Astra Pro

LearnDash 3.0 provides basic colors options under WordPress Dashboard > LearnDash LMS > Settings > General > Design & Content Elements. Below are the available settings with LearnDash –

  • Accent Color: This will be a base color for the LearnDash pages. It will be applied to – buttons, action items, and highlights
  • Progress Color: Color used for all successful progress-related items (completed items, certificates, and progress bars).
  • Notifications, Warnings, etc.: This color is used when there are a warning, important messages.
LearnDash 3.0 Color options, Astra 3.0+

With Astra Pro, it provides more specific color options for your LearnDash pages. These will be available in the customizer under Customizer > LearnDash.

Note: Make sure you have activated LearnDash addon from Appearance > Astra Options.

In color settings, you will see a checkbox saying – Check this if you wish to overwrite LearnDash Colors. This will allow you to apply Astra colors over the above LearnDash colors.

Overwrite LearnDash Colors, Astra 3.0+
  • Link Color: This will be applied to links on LearnDash pages, lesson panels, etc.
  • Highlight Color: This will work as a background for buttons, highlighted tabs, hovered text/link, etc.
  • Highlight Text Color: It will work with the above highlight background color as well as text color for progress items.
  • Progress Color: Progress bars, completed items, certificates will have this as the background color.
Astra Pro Colors for LearnDash, Astra 3.0+

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the LearnDash module of Astra Pro Addon.

Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form