Custom LearnDash CSS Plugin

This plugin adds a custom css file to LearnDash pages only so you can add styles that may override the rest of your site's css without breaking non-LearnDash pages.


The CSS file is located in '/wp-content/plugins/learndash-custom-css/css/'. The CSS file name is: 'custom-learndash-css.css'


For bug reports, feedback or support* use the contact form below

How do I tell if the plugin is loading properly?

It identifies the LearnDash page by matching the URL (ex: http://mysite.com/course/my-course) to LearnDash labels (ex: course). If you use custom LearnDash labels it will recognize that and match them.

How do I tell if the plugin is loading properly?

Go to one of your LearnDash course/lesson/topic pages and open your browser console tab in the developers tools you should see a line saying "LearnDash Page Detected, Loading Custom CSS" or if it is not a LearnDash page it will show "No LearnDash Page Detected, Custom CSS Not Loaded".


OR


Go to one of your LearnDash course/lesson/topic pages and inspect element or view source. Then control-f to find 'custom-learndash-css.css'. If it finds a match it is loading properly. You can also test this on a non-LearnDash page to make sure it is not loading when it is suppose to.

Change Log

11/19/21 - Version 1.2: Updated branding, improved documentation, added caution alert before editing.

Install and Use Video Tutorial

Version 1.2 | 11/19/2021

Last tested and known working on WordPress Version 5.8.2 and LearnDash Version 3.6.0.


To upload a WordPress plugin via zip follow this guide.


*This plugin is offered for free, without warranty, there is no guarantee of support or that this plugin will continue to work as WordPress or LearnDash updates their software. Blueprint Coders takes no responsibility for any errors, issues or problems that may arise from the use of this plugin. Install at your own risk.