Skip to main content
Answer

CSS Code to change the check circle icon colors

  • September 8, 2022
  • 2 replies
  • 419 views

How to use the CSS code to only change the two check circle icon colors of the training materials status (Activity in Progress and Activity Completed)?

 

 

Best answer by gstager

Give these a try and be sure to test to ensure there are not any conflicts.

These are the default colors - change as desired.

/** Change the Completed Icon Color **/
div.chapter-status.text-positive-green {
color: #008767 !important;
}

/** Change the In Progress Icon Color **/
div.chapter-status.text-warning {
color: #F7681E !important;
}

Hope that helps.

2 replies

gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • Answer
  • September 8, 2022

Give these a try and be sure to test to ensure there are not any conflicts.

These are the default colors - change as desired.

/** Change the Completed Icon Color **/
div.chapter-status.text-positive-green {
color: #008767 !important;
}

/** Change the In Progress Icon Color **/
div.chapter-status.text-warning {
color: #F7681E !important;
}

Hope that helps.


  • Author
  • Novice II
  • September 9, 2022

Thank you😊!