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.

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

1. Customizer > LearnDash

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

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 )

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.

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.

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.

• 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.

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

You can achieve displaying a Profile Link using a LearnDash shortcode using LearnDash module available with Astra Pro. Please refer document, to begin with, LearnDash module.

Astra Pro Addon plugin provides a shortcode for LearnDash that allows displaying profile link. The shortcode can be used anywhere on the website. It will display a profile picture for logged-in students. Clicking on it will display student profile details.

The LearnDash addon in the Astra Pro Addon plugin provides a shortcode [astra_learndash_profile_link] This can be used on various locations like header, footer, sidebar, widgets, page builders, etc.

To use the shortcode, activate the LearnDash addon from Astra Options. (screenshot)

[astra_learndash_profile_link] has an attribute ‘link’ that will open on click of the profile picture.

For Example – [astra_learndash_profile_link link="https://www.google.com"] This shortcode will display a profile picture for the logged-in student. On click, it will be redirected to inserted link i.e. to https://www.google.com

Below is the example that shows how can this shortcode be used –

How to Display Learndash Profile Link in the Primary Header?

Below are the detailed steps –

Step 1 – Make sure to activate the LearnDash and Astra Pro plugin. Activate LearnDash Addon from Astra Options. (screenshot)

Step 2 – From the WordPress dashboard navigate to Appearance > Customize >  Header > Primary Menu.

Step 3 – From the Last Item in Menu drop-down, select Text / HTML.

Step 4 – Paste the code in the input area. Profile link will appear in the header as shown below –

To use LearnDash premium features available with Astra, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

This article details the options and features you can get with the LearnDash module in Astra Pro.

Quick Steps on How to Use the Advanced Features Using the LearnDash Module

Step 1: Make sure you have the Astra Pro Addon and LearnDash plugin installed and activated.
Step 2: Activate the LearnDash module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [Appearance > Customize > LearnDash] to edit module settings

Once enabled, you will see new features and options as described below:

Distraction Free Learning

Enabling Distraction Free Learning option removes the navigation menu links from the header and footer from LearnDash single course pages, topics, lessons, and quizzes. It presents your content in a clean, simple format and helps your students stay focused.

Student’s Gravatar in Primary Header

Personalize the experience of your students who are logged into your LearnDash website by automatically displaying their public Gravatar image. You can link this image to any URL, such as the “my account” page.

Table of Contents: Border Radius

Tweak the Table of Contents exactly as you need with this option. It will make the edges of the table soft and rounded.

Table of Contents: Typography

Need a special font and typography for the LearnDash Table of Contents? No problem!

Table of Contents: Colors

And of course, you can customize the colors exactly as you want!