Hi! How do I remove or make transparent the overlay in the course player? I have tried all sorts of nonsense.
I put this code in the Configure Branding and Look > Course Player area:
.lrn-course-player-training-material-idle-view-overlay {
background-color: #ffffff;
opacity: 0;
}
Doesn’t work. 😪 Please help!
Best answer by Bfarkas
Looks like it is just this:
.lrn-course-player-training-material-idle-view-overlay {
opacity: 0 !important;
}That being said, please be careful here, as the reason for that layer is to help keeps things accessible for anyone with vision issues (which is basically everyone now a days) If the work behind it is too busy, or doesn’t give enough contrast to the white text and button, could be a nightmare for users to know what to do for a slight visual preference.
+7
+6Looks like it is just this:
.lrn-course-player-training-material-idle-view-overlay {
opacity: 0 !important;
}That being said, please be careful here, as the reason for that layer is to help keeps things accessible for anyone with vision issues (which is basically everyone now a days) If the work behind it is too busy, or doesn’t give enough contrast to the white text and button, could be a nightmare for users to know what to do for a slight visual preference.
Thanks everyone!
Good advice about the overlay...might just keep it.
Mark
Hi all! Any idea how we can do this in the old player? I want to change the white strip into a different colour.
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.
