Browse: Home / Snippets /

Equal height course grid CSS

Contents

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;
}

Copy to clipboard

Note: this requires the Course Grid addon plugin