Question

can we change color and what states are there?

  • 22 April 2024
  • 3 replies
  • 38 views
R
Rank

Hi there,

I add a screenshot of one of our courses. We would like to have the blue icons that show that a step is complete (in red frame), to swith to green once finished. Is it possible to adjust the color of the “Done-Icon” to green? 

And would anyone one know about an information page in docebo university or so, where we can see all icons in all possible statuses that can occur with it? 

Thanks in advance and best regards
Roli 

1 Attachment

3 replies

lrnlab
Rank
Userlevel 7
Badge +7

your image is not visible 😕

R
Rank

Is it not? Duno, how come! It’s a regular.jpg file. I add it again as a png and hope it’s visible.

cheers Roli 

1 Attachment
D
Rank
Userlevel 1

Hi there,

I was able to use the following CSS in my Sandbox Platform to change the icon colour for Completed Training Material on the new course player - 

/* Changes Background Colour of Completed Training Material START */
.ui-avatar-background-success {
    background: #0000FF!important
}
/* Changes Background Colour of Completed Training Material END */

This changed the colour of the background when completed to the Hex Code which was Blue in the code I provided. You can amend this HEX code to whatever you require.

I would strongly recommend you implement this on a Stage/Sandbox environment and ensure you are happy this CSS targets what you are after and ensure no other areas are affected before implementing to a Production site.

Reply


Terms & ConditionsCookie settings