Best Answer

CSS Code to change the check circle icon colors

  • 8 September 2022
  • 2 replies
  • 265 views

Userlevel 1

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)?

 

 

icon

Best answer by gstager 8 September 2022, 14:04

View original

2 replies

Userlevel 7
Badge +5

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.

Userlevel 1

Thank you😊!

Reply