Skip to main content
Best Answer

CSS Code to change the check circle icon colors

  • September 8, 2022
  • 2 replies
  • 387 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.

View original
Did this post help you find an answer to your question?

gstager
Hero III
Forum|alt.badge.img+7
  • Hero III
  • 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.


Thank you😊!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings