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.
We’ll explore:
Some creative ideas include:
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.
By default, LearnDash loads all of its CSS files on every single page of your WordPress site. But many of your pages don’t include any LearnDash elements, and therefore don’t need this CSS.
This article will explore a few different ways to conditionally load LearnDash styles only on the pages that need it.
IMPORTANT
This is highly dependent on your specific setup, and may not work for everyone. Particularly, if you’re using shortcodes and/or Gutenberg blocks on non-LearnDash pages, the default code here will cause problems. You’ll need to customize it to also include those other pages where you’re using shortcodes, blocks or widgets in a sidebar.
I recently crafted some CSS to automatically number lessons and/or topics and/or quizzes on LearnDash course & focus mode pages. The code works great, but Antonio from the LearnDash Facebook group pointed out one problem—it doesn’t work when using pagination.
This got me thinking… is pagination even a good idea? If you have 50+ lessons, surely breaking them up with pagination must be the way to go, right? What about courses with over 100 lessons?
I have a clear opinion on this, but I also did some research to back me up.
Here are the 3 reasons why I don’t recommend pagination for any course, no matter the length.
Justin from the LearnDash Facebook group asked if there was a way to automatically add numbers before each lesson using the BuddyBoss theme + platform. I was pretty confident the answer was yes, so I rolled up my sleeves and got to work.
Not only can we do this for BuddyBoss, but I’ll provide you with the CSS to do this for all themes using the LearnDash 3.0 template, as well as those using the Legacy template. I’ll even throw in some code to auto-number lessons & topics in the Uncanny LearnDash Toolkit Dashboard.
This is the perfect solution for those who want to display lesson/topic numbers in navigation & course lists, but not include the number in the actual lesson or topic title. This way, the numbers don’t show up at the top of each individual page. They only appear when viewing lists & navigational elements 👍.
It also works great for those who switch lessons & topics around or use them in multiple courses with shared course steps.
When Focus Mode first came out in LearnDash 3.0, you could add your logo to the header of Focus Mode, but it didn’t link anywhere. It was just a static image.
Starting in LearnDash 3.1, the logo now automatically links back to your site’s homepage. Personally, I see this as an improvement, but… what if you want it to link somewhere else? Or remove the link entirely and go back to how it was prior to 3.1 (not recommended)?
I’ll walk you through the steps on how to change the URL of the LearnDash Focus Mode logo, as well as provide a few examples.
If you’re using a page builder like Elementor or Beaver Builder with LearnDash, you might be having an issue with your LearnDash course page. The content you add via Elementor is centered on the page, but the LearnDash progress bar at the top, and the “Course Content” table at the bottom, are stretched out to 100% of the screen.
Take a deep breathe. I’ll show you a really simple fix that takes under a minute.
Powered by WordPress & Theme by Anders Norén