Why is are my color changes not saving in my course 7.1?

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: