Skip to main content
Question

New Course Player CSS Status

  • September 16, 2024
  • 1 reply
  • 172 views
A
Novice III

I’m working in the sandbox environment and trying to update the In Progress and Completed font color in css. I have updated a few classes but my css continues to get overwritten by the Docebo css. Anyone figure out how to update the new course player? 
This code although it works when I inspect the page, and edit it, it will not work when I add this css to the course player css.
 

/** Change text color of In-Progess indicator on tile **/


.ui-card-status-in_progress .ui-badge-status-neutral {
color: #FFFFFF; background-color: #1D700F!important;

}

 

 

JeanetteMcVeigh

1 reply

D
Novice II
Forum|alt.badge.img+2
  • DPatel
  • Novice II
  • September 16, 2024

Hi there,

Try the following CSS, change the hex codes out accordingly.

/** Change Colour of In Progress badge on Course Card START **/

.ui-card-status-in_progress .ui-card-header .ui-badge-status-wrapper {
    background: #FFD700!important
}

/** Change Colour of In Progress badge on Course Card END **/

/** Change Colour of Completed badge on Course Card START **/

.ui-card-status-completed .ui-card-header .ui-badge-status-wrapper {
    background: #008000!important
}

/** Change Colour of Completed badge on Course Card END **/

/** Change Colour of Not Started badge on Course Card START **/

.ui-card-status-enrolled .ui-card-header .ui-badge-status-wrapper {
    background: #0000FF!important
}

/** Change Colour of Not Started badge on Course Card END **/

 

JeanetteMcVeigh
Terms & ConditionsCookie settingsAccessibility statement