Course Grid: Move Progress Bar Below Image
“LearnDash 3.0” Active Template This code only works for the legacy layout/design of the course grid. It will not work for any of the Course
LearnDash Snippets
A collection of CSS & PHP snippets to improve your LearnDash design and alter some functionality. Brief explanations of what each snippet does, along with the code to copy/paste.
Change Width of Login/Registration Modal
Use this CSS to change the width of the LearnDash login/registration modal: This is especially useful if you are not using the registration aspect of
Disable “Mark for Review” for Quizzes
When using the Review Box in a LearnDash quiz, there’s a “mark for review” option for students. A “Review Question” button is displayed below the
Course Grid Ribbon Styles
On the LearnDash course grid, there are several different types of ribbons (in the top-left corner), and the CSS to style each type is a
Course Grid Button Styles
There are several aspects of buttons that you have control over. background: change the background color (or use transparent) color: change the text color border-radius:
Course Grid: Grid Item Background Color
You can use the following CSS to change the background color of each grid item in the LearnDash course grid. This will apply to all
Course Grid: Short Description Font Size & Color
If you’ve added a short description to a course in the LearnDash course grid, you can adjust its font size and color with the following
Course Grid: Course Title Font Size & Color
To adjust the font size of the title in the LearnDash course grid, use this CSS: You need to be a premium member to continue
Course Grid: Hide the Course Title
When using the LearnDash course grid add-on, if you made the course title part of your featured image, and want to hide the title, you
Course Grid: Center the Course Title
If you’re using the LearnDash course grid add-on, this CSS will center align the course title: You need to be a premium member to continue
Filters