LDX Design

LearnDash Design & Tutorials

LearnDash Design & Tutorials

Category: Tutorials Page 2 of 3

How to Clone LearnDash Courses, Lessons, Quizzes & More (Create Templates!)

Do you offer a lot of similar courses? Wouldn’t it be great if you could just clone one and start from a template? Well, thanks to a few different LearnDash add-ons, now you can.

There are 3 plugins that offer the ability to clone LearnDash content, and each one provides a different set of features. One plugin can do it all, but it’s not free. The other 2 options are free, but each have some drawbacks. I’ll evaluate the options & help you choose the best one for your situation.

Read More

How to Show Percentage (%) Complete in the LearnDash Progress Bar

By default, the LearnDash progress bar only displays a colored bar to indicate a student’s progress in the course. There is no text-based example of what percentage they have completed.

LearnDash progress bar with percentage complete

Sweet lookin’ bar, man! How’d you do that? With this →

I’ve previously covered how to show “X out of Y steps completed” beneath the progress bar, but if you are trying to display a percentage instead, this article is for you.

Read More

Show “X out of Y steps completed” under the LearnDash Progress Bar

The LearnDash progress bar does an OK job at visually representing a student’s progress, but there are ways to improve it. If you have 50 or more steps in your course, the progress bar itself might not be the best indicator.

LearnDash progress bar with steps shown

Like the stripes? 😍 Here’s how I did it.

In this tutorial, I’m going to show you how to use a little CSS to display “X out of Y steps completed” below (or above) your LearnDash progress bar.

Read More

2 Ways to Manually Enroll Users into a LearnDash Course

There is no shortage of powerful form builder, membership & ecommerce plugins that automatically enroll users into your LearnDash courses. But many educators still like to enroll users manually.

There are 2 ways to manually enroll users in LearnDash. Let’s go over each one.

Read More

Explaining LearnDash Course Types: When & Why to Use Each One

LearnDash Course Price Type dropdown

There are 5 types of courses in LearnDash, and each one offers a different set of options. The names aren’t quite as intuitive as they could be. And if you’re using a third-party membership or ecommerce plugin (WooCommerce, MemberPress, etc.), things can get even more confusing.

How do you know which LearnDash course type to choose? We’ve got you covered.

Read More

Customize LearnDash Button Styles with CSS (Class/ID Names)

If you’re using LearnDash for your LMS, you probably know that there are buttons that perform all kinds of different functions. From navigation and payment to quiz actions, completing tasks & downloading certificates. Buttons galore!

By default, not every LearnDash button looks the same. When I built Design Upgrade for LearnDash, I went through every line of CSS to find every LearnDash button style, and I’ve compiled them all for you right here, in one convenient place.

If you’re looking to change any LearnDash button style, chances are you’ll find it here.

Read More

Hide the Comment Form on LearnDash Courses, Lessons, Topics, Quizzes & Essays

WordPress is designed to encourage discussion, and it does so by allowing comments on all types of content. This is the default behavior. In many cases, this makes sense for those who run a blog, discussion forum, etc. But for LearnDash courses, comments don’t make a whole lot of sense 🤔.

There are several ways to handle comments in WordPress, and I’ll cover all the ways to disable/hide the comment form on every type of LearnDash content, including course pages, lessons, topics, quizzes & essays.

Read More

How to Find the LearnDash Course ID

Were you told that you need to insert the LearnDash course ID for one of your blocks or shortcodes to work properly? 🧐 Did it make you feel like a lost puppy in a haystack? I feel your pain. So, let’s alleviate it.

There are generally two ways to find the LearnDash course ID, both of which we’ll cover in this article.

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

Read More

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

Read More

Page 2 of 3

Powered by WordPress & Theme by Anders Norén