Browse: Home / Snippets /

Change color of Course Grid button and banner

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.

/* Change Hex Values to Alter Course Grid Colors */

.ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {
    color: white;
    background-color: #de4805;
    border: none;
}
.ld-course-list-content
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled,
.ld-course-list-content
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price,
.ld-course-list-content
.ld-course-list-items 
.thumbnail.course .ld_course_grid_price.free {
    background: #de4805;
}
.ld-course-list-content
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before,
.ld-course-list-content
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price:before,
.ld-course-list-content
.ld-course-list-items 
.thumbnail.course .ld_course_grid_price.free:before {
    border-top: 4px solid #de4805;
    border-right: 4px solid #de4805;
}