LDX Design

Design Upgrade Compatibility with the Elementor for LearnDash Add-On

On July 30, 2020, LearnDash released a new integration that adds support for the Elementor page builder. Compared with the Design Upgrade Pro plugin, there is definitely some overlap in the features that they each provide. But there are also a ton of differences.

This article will discuss how the pro version of Design Upgrade for LearnDash works with the new Elementor for LearnDash integration. We’ll cover the pros & cons of each, as well as how they work together if you decide to use them both.

Enter WisdmLabs Ultimate Elearning Giveaway

WisdmLabs is awarding 3 lucky winners over $1,000 worth of LearnDash plugins (and their eLumine theme) in their Ultimate Elearning Giveaway. Enter for a chance to win this awesome package, which also includes our very own Design Upgrade Pro plugin.

Enter the Giveaway →

Move the LearnDash Focus Mode Sidebar to the Right

We’ve previously showed you how to adjust the focus mode header height, and apply a background color to the focus mode header. In this article, we’ll continue customizing LearnDash’s focus mode by moving the navigation panel (aka: focus mode sidebar) from the left side of the screen to the right.

I’ll walk you through all the CSS and explain what each piece of code is doing, and then provide the full CSS to copy/paste at the bottom.

Use a Custom Background Color for your LearnDash Focus Mode Header

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.

How to Change the LearnDash Focus Mode Header Height

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.

LearnDash Focus Mode Edge-to-Edge Content for Page Builders

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.

How & Why to Integrate Easy Digital Downloads with LearnDash

In this article, I’ll walk you through how to integrate Easy Digital Downloads with LearnDash, step-by-step. In addition, I’ll explain my reasoning for choosing Easy Digital Downloads (EDD) as the platform to power my recent online training platform, ldx.training.

How to Enable Comments for LearnDash

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.

How to Hide the Default LearnDash Lesson List on Course Pages

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.

How to Make the Entire Course Grid Element Clickable in LearnDash

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.

Page 7 of 11