Is there any way to change the color of the Lightbox Close (X) button in the new modern dark player?

I would prefer to use the dark modern player, but I just tried out the Lightbox feature and the Close (X) button is incredibly hard to view. It's ok to see in iPad view (course is 4:3 size) but in laptop view it's really difficult.

See attached, laptop is left, iPad is right.

30 Replies
Russell Killips

In this code, I change the track color to blue (#0000ff) and the thumb color to red (#ff0000)

<style>
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background-color: #0000ff;}
::-webkit-scrollbar-thumb {background-color: #ff0000;}

.panel-content {
  scrollbar-highlight-color: #0000ff;
  scrollbar-face-color: #ff0000;
  scollbar-color: #ff0000 #0000ff;
}
</style>

Alexandra Angelova

Hello Russell! 

I was wondering whether you have had experience with the following issue: 

After publishing the project file for LMS, I unzip the folder and add the above code to the index_lms_html5 file to change the color of the scrollbar. Then I zip the folder again to upload it to the LMS, at which point it won't accept the file. 

Any insight would be more than highly appreciated! 

Alexandra Angelova

Hi Russell! 

I was actually able to figure this out. What you need to do when zipping is to open the unzipped file, mark its contents and zip them. This way you create a new .zip folder, which seems to be working perfectly. I read that it has something to do with the manifest xml file: seems like simply zipping and unzipping a folder somehow corrupts it.