how to customize learndash course page

by Destiney Beer 7 min read

Locating Course Display Settings

  1. Navigate to LEARNDASH LMS > COURSES
  2. Click on the course you want to edit
  3. Click on the Settings tab at the top of the page
  4. Locate the section titled “Display & Content Options”

Part of a video titled How to Customize a LearnDash Course Page - YouTube
2:04
9:44
And click on custom templates. You'll see that we have none here so I'm going to click add new oneMoreAnd click on custom templates. You'll see that we have none here so I'm going to click add new one of the things I want to make sure of is that my Astra settings are properly.

Full Answer

How do I customize LearnDash?

Simply install and activate. Once activated, you will find an APPEARANCE tab located under LEARNDASH LMS > SETTINGS. From here you can select a pre-made template and further customize the templates to your heart's content! Click Here to view screenshots of the pre-made templates.

How do I create a course page in LearnDash?

Where to Add a Course Page ContentNavigate to LEARNDASH LMS > COURSES.Click on the course you'd like to edit.You will automatically land on the Course page tab.You can immediately start adding your course description.

How do I edit the course page in WordPress?

3:472:05:54How To Make An Online Course Website With WordPress ... - YouTubeYouTubeStart of suggested clipEnd of suggested clipI just drag and drop it that's all you really have to do if I want to edit the content of the lessonMoreI just drag and drop it that's all you really have to do if I want to edit the content of the lesson. I just scroll over to the right and click on edit.

How do I change the course grid in LearnDash?

The LearnDash Course Grid add-on can be used to display your courses in a grid format....BlockMake sure the “LearnDash Course Grid” plugin is installed & activated.Click the + icon to add a new block.Search for “LearnDash Course Grid” & click on the block to insert it.Adjust your settings in the Block options panel.

How do I override a LearnDash template?

You can use either of them and can override any template in the child theme. To override the templates: Copy the template into a directory named /learndash in your child theme keeping the same file structure but removing the /templates/ subdirectory.

How do I change my LearnDash color?

Your change will be applied to the Course Dashboard table, course tables, lesson tables and quiz tables. To change either or both of these colors, enable the module and use the color picker in the module settings. You can also set a new color by entering its hex value.

Is LearnDash compatible with Elementor?

The Elementor integration allows you to easily create dynamic LearnDash content in Elementor, and even works with their global template options.

Why can't I edit my homepage in WordPress?

But to manage the homepage at first you need to go to Admin Panel > Appearance > Customize > Static Front Page and set Front page displays to A static page . Now assign the page for the Front page and Posts page. Hope this helps.

Does LearnDash work with Beaver Builder?

Design LearnDash to fit your vision with BeaverDash. BeaverDash brings the power of Beaver Builder's visual editor and theme builder to your LearnDash courses.

What is LearnDash course grid?

LearnDash Course Grid (CG) 2.0 is a brand new plugin written from scratch. It supports custom templating to make it easier for users to customize the template. All the front-end aspects of the plugin including skins, cards, filter, and pagination are customizable.

How do I add a course category in LearnDash?

To access your global course settings: In the WordPress admin area, navigate to LEARNDASH LMS > COURSES....You can manage (add, edit, or delete) the WordPress and LearnDash Categories & Tags via the Actions menu:Navigate to LEARNDASH LMS > COURSES.Select the Actions dropdown menu.Select your desired menu option.

How do I use LearnDash Propanel?

2:3430:29Introduction to LearnDash's ProPanel - YouTubeYouTubeStart of suggested clipEnd of suggested clipAnd to be clear uh you cannot use propanel without learndash propanel is an add-on directly forMoreAnd to be clear uh you cannot use propanel without learndash propanel is an add-on directly for learndash. And it is used all it does is show you all the aggregate.

How do I add a course category in LearnDash?

To access your global course settings: In the WordPress admin area, navigate to LEARNDASH LMS > COURSES....You can manage (add, edit, or delete) the WordPress and LearnDash Categories & Tags via the Actions menu:Navigate to LEARNDASH LMS > COURSES.Select the Actions dropdown menu.Select your desired menu option.

How do you make a quiz on LearnDash?

The LearnDash quiz builder provides a quick, intuitive way to add, edit, move & delete all the questions in your quiz....New QuestionsAt the bottom of the quiz builder, click the + New Question link.Type the name of your question (internal use only)Hit ENTER, or click the “Add Question” button.

How do I add an assignment on LearnDash?

OverviewNavigate to LEARNDASH LMS > LESSONS.Click on the lesson you'd like to enable assignment uploads for.Click the Settings tab.Under Display & Content Options, enable the Assignment Uploads setting.

How do I add a topic to a lesson LearnDash?

1:024:304 Adding Topics to Lessons - YouTubeYouTubeStart of suggested clipEnd of suggested clipSo again just like in the last lesson we're going to select create your own podcast from the courseMoreSo again just like in the last lesson we're going to select create your own podcast from the course switcher. So that we can see this lesson in context. We'll also add some text to our editor area.

What is the content area of a course?

The course page content area is where you add a course title, description and featured image for your course. This is what people will see before they enroll (or purchase) the course.

What is below the course title?

Everything below the course title is a blank canvas for you to add your description . This is powered by the same WordPress editor used for pages, blog posts and other content types in WordPress.

How many parameters are there in LearnDash?

This post will cover many of 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.

When will LearnDash 2.0 be released?

On Nov 17, 2021, LearnDash released version 2.0 of the Course Grid add-on. This completely changed how the course grid works. All the information below is for version 1.7 and below, but we’ll be updating this article in the next few weeks to include a whole new set of info for Course Grid 2.0+. — A LOThas changed so it’ll take us a bit to explain it all, but we’ve got your back 👊.

How many columns are there in the course grid?

The default options for the course grid will display your courses in 3 columns, and include:

What does the grid on a course do?

By default, the course grid will display the featured image you have set for your course. You have the option of showing a video instead.

Does ribbon text always show in course grid?

Just like the button text, if you add custom ribbon text in this field, it will be displayed in your course grid. Again, even if a student has completed the course, or you set the course as free, the custom ribbon text will alwaysbe displayed.

Can you have custom text in a course grid?

Each course can have it’s own custom button text displayed in the course grid. Keep in mind, however, that if you add custom button text here, it will alwaysbe displayed in your grid, regardless of whether your student has completed the course, the course is free, etc. Course Grid Ribbon Text.

Does LearnDash have a course description?

By default, there is no course description. LearnDash does not provide a separate field to enter a description for the course page, and no themes display a course description. The content you add to the course in the main content area, it will appear belowthe progress bar and abovethe course content list. 2.

How to Make the CSS Changes

Some of the instructions below require CSS rule changes to your site. These rule changes can be made via multiple different methods depending on your site configuration, plugins you have installed, and your personal preferences. If you need help with this, just get in contact with me and I'll see what I can do for you.

The General CSS Rules

The specific rules that you will use on your site is up to you and your styling / layout preferences. However, it will always (well, most of the time) follow a basic structure.

Targeting Lessons or Topics

You can use similar CSS targeting rules just by replacing "courses" with either "lessons" or "topics" . For example, .single-sfwd-courses becomes .single-sfwd-lessons.

Compatibility with LearnDash 2.x & 3.x Theme

The LearnDash 2.x theme has been replaced by the 3.x theme, but it's possible that you might still be using it and haven't converted your site to the new theme. But regardless, the custom CSS targeting should work with either LearnDash theme.

More Questions?

If you happen to get stuck implementing the above CSS code, feel free to give me a shout (you can just drop in a comment.) Also, to help you out better please leave a link to your example page if it's publicly available.

What is the best free theme for LearnDash?

Astra is one of the best free themes for LearnDash and allows you to create a professional, well-branded e-learning website. Using this amazing combo you can design a beautiful e-learning website without typing a single line of code.

How to customize Astra theme?

You can customize your Astra theme by following the path WP Dashboard > Appearance > Astra Options. Here you can upload the site logo, customize the fonts, select colors and much more.

What is Astra website?

Astra allows you to create fully responsive websites so that your students can access course content on their desktops or mobiles/tablets.

What is Astra sales page?

Astra enables you to design your own custom sales page for your LearnDash courses. You can create a conversion-friendly sales page and add all the course details your target audience is looking for.

Is Astra compatible with LearnDash?

The Astra theme is fully compatible with the LearnDash plugin. Astra provides styling options for LearnDash pages. Along with styling, Astra provides some useful and amazing features.

Does Astra integrate with LearnDash?

Keeping user experience at the forefront of design, the development team integrates and blends Astra and LearnDash together seamlessly. Not only that, Astra has native integrations with WordPress plugins like WooCommerce, Elementor, Beaver Builder that you will need for your LMS project.

image

Where to Add A Course Page Content

  1. Navigate to LEARNDASH LMS > COURSES
  2. Click on the course you’d like to edit
  3. You will automatically land on the Course pagetab
  4. You can immediately start adding your course description
See more on learndash.com

Course Title

  • Your course title is the first thing you’ll see at the top of the editing screen. Look for a placeholder that says “Add Course title.” Most themes display the course title near the top of the page, below your header and/or global navigation.
See more on learndash.com

Course URL

  • When you click inside of the “Add Course title” box, you’ll see an area appear above, labeled “Permalink.” This is your course URL. The first two parts of the URL are not editable. They are determined by your site’s domain name and the course slug you have chosen (which will be /courses/, unless you’ve customized your LearnDash permalinks). You can edit the third part of t…
See more on learndash.com

Course Description

  • Everything below the course title is a blank canvas for you to add your description. This is powered by the same WordPress editor used for pages, blog posts and other content types in WordPress. For more information on how to use the new editor, please see the official WordPress Editor documentation.
See more on learndash.com

Featured Image

  • The featured image is the main image associated with your course. Most WordPress themes will display this image near the top of your course page. It’s also the image we’ll display if you’re using the course grid add-on. The typical size for the Featured Image is 1200 x 628 pixels, but how it’s displayed is dependent on the container as defined by your WordPress theme or other options. 1…
See more on learndash.com