I previously used the localization tool to switch the confusing NEW button on any course that hasn’t been accessed to NOT STARTED, but what I’m realizing is it’s still an unnecessary and obtrusive feature (see below).
Is there CSS to hide it entirely? When you do a list view it completely covers the thumnail.
Best answer by elliott.vickrey
View original
Hi
I feel the need to state here that I am not a CSS expert, and I have only been able to test this in a testing environment. If you choose to apply this CSS code to your LMS through the Branding > Custom Styles area, note that it is not guaranteed to be the best possible CSS solution, nor is it guaranteed to reflect across all browsers and browser versions. Please apply this CSS code at your discretion.
Okay, with that out of the way, here is the css you’re looking for:
.ui-card-header-badges {
display: none;
}
This should get rid of all labels that take up that space on course cards. If you want to only eliminate the “New” and “In Progress” labels, I’m not sure that is possible. It is possible to eliminate all “New” labels with the code below, but “In Progress” labels would remain:
.ui-badge-status-wrapper.ui-typography-subtitle.ui-badge-status-success {
display: none;
} Hope this helps!Elliott. That is awesome! It did exactly what I was hoping to do. Thank you.
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.