Browse: Home / Snippets /

Equal height course grid CSS


Snippet #

Important: All snippets are provided as-is without support or guarantees. These snippets are provided as guidelines for advanced users looking to customize LearnDash. For any additional help or support with these snippets, we recommend reaching out to a LearnDash Expert.

body .ld-course-list-items .ld_course_grid .thumbnail.course,
body .ld-course-list-items .ld_course_grid .thumbnail .caption {
    display: flex;
    flex-direction: column;
    height: 100%;

/* Remove this if you don't want the "See more..." button aligned to bottom of each Course Grid item */
body .ld-course-list-items .ld_course_grid .thumbnail .caption {
    justify-content: space-between;

Note: this requires the Course Grid addon plugin