LearnDash Design & Tutorials

LearnDash Design & Tutorials

Category: Tutorials Page 1 of 6

Learn how to customize various aspects of the LearnDash LMS, including design, custom CSS, quizzes, certificates, payment solutions & more.

LearnDash Reporting Tools (Free & Premium) & How to Use Them

Any good LMS should provide instructors & admins with reporting data. This article will focus on LearnDash reporting tools. There are some default LearnDash reports that are included with the plugin, an official LearnDash reporting plugin called ProPanel, and then several third-party LearnDash reporting tools.

We’ll briefly cover each option in this article, but we have a LearnDash reporting course over on LDX Training which goes into more detail on each one, along with screenshots (and videos coming soon).

How to Add Links to the LearnDash Focus Mode Dropdown Menu

If you’re using LearnDash’s focus mode, you’ve probably noticed the dropdown menu that appears when you hover over your name/avatar in the top corner. By default, LearnDash dynamically adds “Course Home” and “Logout” links.

Did you know you can add your own custom links to this menu? This article + video will explain how to add links to the LearnDash focus mode dropdown menu.

Design Upgrade Pro for LearnDash is Now Compatible with BuddyBoss! 🎉

April 20, 2022: Compatible with BuddyBoss 🎉
As of April 20, 2022, our Design Upgrade Pro for LearnDash plugin is now compatible with the BuddyBoss theme.

Feel free to read on if you’d like to know how Design Upgrade Pro for LearnDash versions 2.18 and below worked with BuddyBoss. But if you’re using BuddyBoss and would like to use our plugin, we highly recommend you update to version 2.19 or later for the best experience.

TLDR: Some people use Design Upgrade Pro for LearnDash with BuddyBoss successfully. It can be done, but it depends on a) if you’re using BuddyBoss platform, BuddyBoss theme, or both, and b) which LearnDash elements you use, and c) which Design Upgrade options you’re using.

In most cases, it’s the theme that isn’t compatible. If you’re just using the platform plugin, most (if not all) of Design Upgrade Pro for LearnDash’s features will work as expected.

Hide/Disable “Mark for Review” in LearnDash Quizzes

When using the Review Box in a LearnDash quiz, there’s a “mark for review” option for students. A “Review Question” button is displayed below the review box, along with a small, colored dot that indicates the color when a student has marked something for review.

If you want to remove both the dot indicator and the “review question” button, you can do so with the following CSS:

How to Use Custom Fonts for H5P in WordPress

Are you looking to use a custom font for your H5P content in WordPress? The H5P website provides a short tutorial for making visual changes with CSS, but it leaves a lot to be desired. It also doesn’t provide any specific examples for using custom fonts.

This article will explain exactly how to bring custom fonts to H5P, and walk you through each step, providing code samples along the way.

Replace the LearnDash Registration Popup with a Custom Form

Are you using the LearnDash login & registration modal popup, but want to replace the form with one of your own? Maybe a Gravity Form that utilizes user registration, or a custom form you built with WPForms.

LearnDash provides a way to use the registration popup and just replace the form that shows up within it. This article will show you how to do just that.

Show LearnDash Course Content Dynamically on WooCommerce Single Product Elementor Theme Builder Template

It’s a mouthful of a title but I honestly couldn’t figure out how to shorten it and still tell you what this post is about. Essentially, if you’re using…

  • LearnDash
  • WooCommerce
  • Elementor

… and you want to use Elementor’s Theme Builder to set up a dynamic Single Product template for all of your WooCommerce products…

… AND you want to display LearnDash course content on that Single Product Elementor template…

… this post will show you exactly how to do it.

How to Customize the LearnDash Notifications Subscription Page

If you’re using the LearnDash Notifications add-on, you may have noticed the message at the bottom of all notification emails that reads, “Don’t want to receive this email anymore? Click here to manage your notification emails subscription.” Click here links to a dynamically-generated page on your site.

The title on this page reads “LearnDash Notifications Subscription” and the URL is /learndash-notifications-subscription/. Neither of these is ideal. This article will explain how to customize them.

There’s also some CSS you can write to improve the design, and possibly bring it more inline with your overall site layout & design. Buckle up… there’s a lot of code involved in this one 👩‍💻.

Focus Mode: Only Show the Current Lesson in Navigation

Someone recently asked if they could hide all the lessons in the focus mode navigation, and show only the current lesson. I never thought anyone would want this type of set up, but apparently, some find it useful.

I was able to write some CSS to achieve it, but there is one small caveat.

Page 1 of 6

Powered by WordPress & Theme by Anders Norén