There are a few questions I routinely get about the LearnDash focus mode header. I’ve previously explained how to use a custom height for the focus mode header, as well as move the focus mode sidebar to the right. In this article, we’ll take a look at applying your own background color to the entire LearnDash focus mode header area.
I’ve had a few users ask if they can change the height of the header in LearnDash’s Focus Mode. The answer is yes, and this tutorial will provide the exact CSS you need to use.
In our Design Upgrade Pro plugin, we offer the ability to set focus mode content to run from edge-to-edge. The left navigation bar will still be present, but the rest of the content area will span from the right edge of the navigation, right up to the right edge of the user’s browser.
This is great for those creating content with page builders. You can use your own spacing via the page builder elements/widgets, and build more creative layouts.
Our plugin only provides the option to do this globally, for every single piece of content in focus mode. This includes all lessons, topics & quizzes. But what if you want to only apply it to topics? Or only to quizzes? This tutorial will show you how.
With LearnDash, one of the easiest ways to encourage discussion amongst your students, as well as the instructor, is to use native WordPress comments. There are forum plugins and third-party live chat solutions, but using comments is a quick & simple way to allow for discussion to take place within your LearnDash courses.
There are a few steps to ensure comments are enabled for LearnDash. Let’s walk through each one.
I’ve seen this question come up many times now, so I figured I’d post the solution online for all to see.
Are you using the LearnDash course grid to display your lessons in grid format? If you’re using the
[ld_lesson_list] shortcode (or block) on your course page, and want to hide the default lesson list, here’s the solution.
In LearnDash’s course grid, only the featured image & “see more…” button are clickable by default. If you click on the course title, or the short description, nothing happens. Many people expect the course title to take them to the course page, so let’s see how we can make that happen.
For a lot of LearnDash users, the course grid add-on is an essential component to designing the learning experience. You can filter & sort the course grid in a myriad of ways. This article will focus on one of the key components of the course grid—the short description.
Update: 8 Feb 2021 (version 1.7 of course grid plugin)
Short descriptions now support most HTML tags.
- how to add a short description
- what you might want to use it for
- some tricks on how to customize its formatting
Some creative ideas include:
- display course authors
- indicate the total time it takes to complete a course
- display the amount of credit (or CEUs) a student might receive for completing the course
- how to add bold, italics & insert new lines
Many of you who use LearnDash also use Elementor to build your lesson & topic pages. This article addresses a very specific design issue when using the Elementor Icon List widget.
In LearnDash Focus Mode, Elementor icon lists have bullet points next to them, and this is not the expected behavior. This is because LearnDash’s CSS overrides Elementor’s CSS for icon lists.
I’ll provide the CSS to remove the bullets that LearnDash adds and return your Elementor icon lists back to normal.
The Design Upgrade Pro for LearnDash plugin has come a long way in the past 18 months. Today, we’re excited to announce another plugin integration, this time with the WisdmLabs Ratings, Reviews & Feedback plugin. We’ve improved the overall styling of the plugin, plus given you a few color choices and the ability to hide several features.