New Course Player CSS settings?

  • 1 May 2023
  • 1 reply
  • 172 views

Userlevel 5
Badge +1

Has anyone looked at the CSS options for the New course player? 

 

For example I want to remove the Learning Object type (SCORM). in the old player there is theCSS option to remove this.

/* Remove the object type in the course player view */

div.information.mdl-cell.mdl-cell--10-col.ng-star-inserted > div.info.text-main {

display: none;

}

Not being very adept at this i managed to find where in the code it seems to be displayed, but I have no idea how to convert this to a CSS command..

 

 

 Also I cannot see which module the course player resides in the localization app (any Suggestions?)

 


1 reply

Userlevel 4
Badge

Here’s a quick hide for the new course player training material type label.

.lrn-course-player-play-area-wrapper .ui-list-item-main-content .ui-list-item-flex-slot {
display:none;
}

I only tested this with a single scorm present in the player. Given the new course player is quite new, definitely test this out around the player in your platform.

Reply