Courses - Completed Check Mark Color

Random
Written By The Ghost Co.
Learn more
Go Super

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

The Ghost Co. http://www.ghostplugins.com
Previous

Courses - Progress Bar Style
Next

Courses (Chapter List) - Rounded Images