Learn how to customize various aspects of the LearnDash LMS, including design, custom CSS, quizzes, certificates, payment solutions & more.
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:
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.
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.
If you’re using LearnDash’s login modal, you might feel as though it’s a bit too wide. If you aren’t also using the free registration part of the modal, then the login form takes up a lot of space on the screen.
This super-quick tutorial will show you how to shrink the size of the login modal popup window. You’ll be able to customize the CSS to whatever width you want to use.
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…
… 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.
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 👩💻.
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.
This will be a quick article with the custom CSS to make the LearnDash focus mode header fixed on mobile. This means the header will be fixed to the top of the screen as the user scrolls.
LearnDash uses a fixed header for focus mode on larger screens, but they disable it on mobile. Here’s how to get it back. We’ll also address tablets.
Are you using WP Rocket with LearnDash? That’s a great combination, but there are some things you should know about how to set it up. Performance settings & caching can speed up your site, but if not tailored correctly, can also cause issues on LearnDash sites (or any dynamic site in general).
This article will explain the WP Rocket settings that relate to LearnDash, and provide recommendations to make the two plugins work best together.
Are you hosting your LearnDash site with SiteGround? If so, you might notice some issues with LearnDash features not working properly. This might be due to the use of the SG Optimizer plugin, which (I think) SiteGround automatically enables on all WordPress hosting accounts by default.
Although SiteGround has officially denied that there are any issues with the SG Optimizer & LearnDash, I have seen it enough that it’s worth writing about.
This post will explain the main features of SG Optimizer that seem to be causing issues, and how you can disable them to get LearnDash back to being fully operational.