Courses - Completed Check Mark Color


1. Plugin Info

Change the color of the check mark next to a completed chapter.

  • Works with Squarespace 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// COURSES - CHECK MARK COLOR - GHOST PLUGINS //

.course-list__list .course-list__list-course-item-status .course-list__checkbox:checked+.course-list__checkbox-target .course-item__checkbox-svg-checkmark {
  stroke: #fff !important;
}

// COURSES - CIRCLE CHECK MARK COLOR - GHOST PLUGINS //

.course-list__list .course-list__list-course-item-status .course-list__checkbox:checked+.course-list__checkbox-target .course-item__checkbox-svg-outline {
  stroke: #0174f2 !important;
  fill: #0174f2;
}

3. Customizable Options

  • Check Mark Color

  • Circle Color

  • Circle Fill Color


4. Plugin Notes

  • No plugin notes


Previous
Previous

Courses - Progress Bar Style

Next
Next

Courses (Chapter List) - Rounded Images