Best Answer

Remove the Overlay in the Course Player

  • 14 March 2024
  • 4 replies
  • 65 views
markbrumley
Rank

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!

 

icon

Best answer by Bfarkas 15 March 2024, 15:18

View original

4 replies

JeanetteMcVeigh
Rank
Userlevel 6
Badge +2

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

Bfarkas
Rank
Userlevel 7
Badge +3

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.

markbrumley
Rank

Thanks everyone! @Bfarkas and @JeanetteMcVeigh 

Good advice about the overlay...might just keep it.

Mark

D
Rank

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