LearnDash Design & Tutorials

LearnDash Design & Tutorials

Category: Tutorials

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

The Complete List of LearnDash Shortcodes and How to Use Them

LearnDash comes pre-packaged with a ton of shortcodes you can use to display various information. Many LearnDash shortcodes also come with a handful of options to customize how and which information is displayed.

If you’re using WordPress 5.0’s new content editor, all of these shortcodes have been transformed into LearnDash blocks, so you can insert them using Gutenberg.

Here is your comprehensive list of all LearnDash shortcodes (including Uncanny Owl shortcodes), along with how to use them.

How to Use & Customize the LearnDash Course Grid

You’ve decided to use LearnDash for your LMS (great choice 👌). And you realized that the default courses archive page looks pretty terrible. But thankfully, you’ve discovered the LearnDash Course Grid add-on. And now you want to take it to the next level.

This post will cover many of the various ways you can customize the LearnDash course grid. There are around 20 different parameters you can use to make your course grid just right, along with various ways to improve your grid’s design. Follow along as I walk you through each one, along with code samples.

Change Font Size in LearnDash Course Navigation Widget

Outdated: This article only applies to the “Legacy” active template. It will not work when using the “LearnDash 3.0” active template.

Are the font sizes in your LearnDash course navigation widget too small? Or they don’t match your theme?

In this post, I’ll show you how to change the font size of your course nav widget. You can change the font size of everything in the course nav, as well as target just the lessons. Let’s walk through each option.

How to Display Course Title Over the Image in LearnDash Course Grid

The LearnDash Course Grid add-on provides a much nicer way to display your courses, but it has plenty of room for improvement. Our plugin, Design Upgrade Pro for LearnDash, provides over 20 options to customize the LearnDash Course Grid design. If you’re looking to improve your LearnDash design, you should check it out. (There are over 80 options in all!)

But if all you want to do is move your course title over the image in the LearnDash Course Grid, we’ll show you how to do that with a little custom CSS.

LearnDash Certificate Font Issues: Question Marks, Accents & How to Fix Them

Update: 26 Aug 2020
A LearnDash representative has posted a comment below with a better solution. This is what we now recommend.

Having trouble with certain unicode characters on your LearnDash certificates? Do you have students whose names contain letters with special accent marks? Or are you just seeing question marks on your certificates and have no idea why?

LearnDash allows you to offer certificates to your students after successful completion of quizzes and/or courses, but in rare cases, the student’s name might not appear correctly. The most common reason for this is the default font used for PDF generation doesn’t support certain special characters.

How to Hide or Move LearnDash Progress Dots

On topic pages, LearnDash displays a student’s lesson progress using small dots at the top of the page. If you just want to improve the look of these dots, you can install the free Design Upgrade for LearnDash plugin.

LearnDash progress dots example

But what if you want to remove them completely? Or perhaps move them to the bottom of the page, below your topic content? With the following CSS, I’ll show you how to do both. And you can even target specific screen sizes, and only hide/move the progress dots on mobile devices.

Setting Up LearnDash/PayPal International Currency 💷 💶

If you’re selling courses using LearnDash’s built-in PayPal integration, there are a few important settings you need to be aware of. Most of the PayPal settings in LearnDash are self-explanatory, but there are two in particular that can cause problems 🤑… especially for those using international currency (the UK in particular).

Let’s take a look at the settings and make sure you have your LearnDash/PayPal integration set up properly for using non-US dollars.

How to Mark a LearnDash Lesson Incomplete from the WordPress Admin

By default, LearnDash does not provide any way for a student to mark a previously completed lesson as incomplete. Once they click the “Mark Complete” button, there’s no turning back.

Not so fast! While the student can’t change their complete status, you as the course administrator can mark it incomplete for them. This isn’t ideal for a course with tons of students, so I’d love to see LearnDash add the ability for students to mark complete/incomplete on their own. But for now, here’s how you can do it for them from the WordPress admin area.

How to Change LearnDash Labels for Courses, Lessons, Topics & Quizzes

LearnDash uses a tiered system of courses, lessons & topics to navigate students through your site. Each course is comprised of multiple lessons. Each lesson is comprised of multiple topics. And quizzes can be inserted at any point along the way.

But what if you refer to your courses as “tracks?” Do you use “modules” instead of lessons? Do you ask users to pass a “test” instead of a quiz? I’ll show you how to change the default LearnDash labels from course, lesson, topic & quiz to use your own custom labels. These custom LearnDash labels will then be shown across your entire site, and even in the backend as you’re creating & editing new course material.

Page 6 of 6

Powered by WordPress & Theme by Anders Norén