Skip to main content
Best Answer

Change colour of course status on new course player

  • December 4, 2024
  • 2 replies
  • 100 views
T
Novice III
Forum|alt.badge.img

Hi, 

Does anyone know how I can change the colour of the course status within the new course player? Mainly the ‘Completed’ bit 

I have attached a screenshot so you know what I am on about :) 

 

Thanks!

Best answer by gstager

I was able to change the color of the completed box in my platform by changing the value for the confirmation messages

This may end up changing more than you wish.

I was also able to change the color of that box as follows with CSS.

/** Begin Change Color of 'Completed' Status Message **/
/** Set Color Value As Desired **/

dcb-ui-badge-status.dcb-ui-badge-status-theme-success {
    background-color: #AD122A;
}

/** End Change Color of 'Completed' Status Message **/

This may also have additional impact you do not desire.

Please verify with your own platform by testing/reviewing thoroughly.

2 replies

gstager
Hero III
Forum|alt.badge.img+8
  • gstager
  • Hero III
  • Answer
  • December 4, 2024

I was able to change the color of the completed box in my platform by changing the value for the confirmation messages

This may end up changing more than you wish.

I was also able to change the color of that box as follows with CSS.

/** Begin Change Color of 'Completed' Status Message **/
/** Set Color Value As Desired **/

dcb-ui-badge-status.dcb-ui-badge-status-theme-success {
    background-color: #AD122A;
}

/** End Change Color of 'Completed' Status Message **/

This may also have additional impact you do not desire.

Please verify with your own platform by testing/reviewing thoroughly.

Greg
T
Novice III
Forum|alt.badge.img
  • trilly
  • Author
  • Novice III
  • December 4, 2024

I was able to change the color of the completed box in my platform by changing the value for the confirmation messages

This may end up changing more than you wish.

I was also able to change the color of that box as follows with CSS.

/** Begin Change Color of 'Completed' Status Message **/
/** Set Color Value As Desired **/

dcb-ui-badge-status.dcb-ui-badge-status-theme-success {
    background-color: #AD122A;
}

/** End Change Color of 'Completed' Status Message **/

This may also have additional impact you do not desire.

Please verify with your own platform by testing/reviewing thoroughly.

Hi! , The CSS worked like a dream thank you! :D 

Terms & ConditionsCookie settingsAccessibility statement