Hello
Can I ask if anyone can supply the CSS code in order to change the colour of the new priority status on the course and learning plan cards? (Mandatory, Required, Recommended etc)?
Thank you in advance for your help.
Lisa
Best Answer
CSS Code to change colour of priority on course and learning plan cards
Best answer by andrew.charles
Hello
A few additional caveats on CSS provided by Docebo. This isn’t guarenteed to work with backwards-compatibility. As an example, if we isolated this into it’s own class or ID, we wouldn’t announce it on our Product Changes, and it would have to be updated.
So we recommend doing a few things with CSS provided by Docebo in posts like this one:
* Implement periodic reviews of all CSS used
* Carefully implement it and make sure it only does what you want it to (ie, turn text green on Course Card pages)
With the above disclaimers given, the code I was able to figure out to turn these statuses green would be:
.ui-card-status-details {
color: rgb(26, 198, 26);
}
It looks like the below with a specific lighter shade of green shown than my base green color. We could use a hex value, color name or RGB values as above.
Hello
A few additional caveats on CSS provided by Docebo. This isn’t guarenteed to work with backwards-compatibility. As an example, if we isolated this into it’s own class or ID, we wouldn’t announce it on our Product Changes, and it would have to be updated.
So we recommend doing a few things with CSS provided by Docebo in posts like this one:
* Implement periodic reviews of all CSS used
* Carefully implement it and make sure it only does what you want it to (ie, turn text green on Course Card pages)
With the above disclaimers given, the code I was able to figure out to turn these statuses green would be:
.ui-card-status-details {
color: rgb(26, 198, 26);
}
It looks like the below with a specific lighter shade of green shown than my base green color. We could use a hex value, color name or RGB values as above.
Thank you so much. We will be using three enrolment priorities (mandatory, required and recommended). From what you state above I assume we cannot isolate these so that we can have a different colour for each?
Lisa D wrote:
Thank you so much. We will be using three enrolment priorities (mandatory, required and recommended). From what you state above I assume we cannot isolate these so that we can have a different colour for each?
No worries! With CSS alone, I couldn’t find a way to do it, no. Making each a different colour would require a way to separate them as separate entities, which we can’t do as they share the same class with no other way to target them. I’ve also shared with our team the difficulties experienced in editing this
As well, I’d recommend starting a Support ticket so we can track this more effectively for you. Tickets can be opened based on the instructions in this Knowledge Base here.
Reply
Rich Text Editor, editor1
Editor toolbars
Press ALT 0 for help
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.