Bilash's post in Why is are my color changes not saving in my course 7.1? was marked as the answer
December 18, 2023
Hi @Callan
I think the template you are using there is an issue scoping their CSS custom properties (variables) that's why it's not working out the way you want it to. Anyway, here is a CSS snippet that you can insert into your site to make it look like you wanted.
[data-section-id="6576c31ac1a71b16fb46c67c"] .course-list__grid-item.course-list__grid-course-item {
--course-list-grid-layout-course-item-text-color: #ffffff;
--course-list-grid-layout-course-item-background-color: #232323;
/* for subtle hover animation */
transition-property: background-color, color;
transition-duration: 300ms;
transition-timing-function: ease;
transition-delay: 0;
transition-behavior: initial;
}
[data-section-id="6576c31ac1a71b16fb46c67c"] .course-list__grid-item.course-list__grid-course-item:hover {
--course-list-grid-layout-course-item-hover-background-color: #c3876a;
--course-list-grid-layout-course-item-text-color: #000000;
}
Final look: