Browse: Home / Snippets /

Change color of Course Grid button and banner

Contents


Snippet #

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