Skip to main content

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!

 

@Bfarkas is your guy...right Brian?  :-) 

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.

Thanks everyone! @Bfarkas and @JeanetteMcVeigh 

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.

Reply


Terms & ConditionsCookie settings