Can we change background color in Modern Player - Storyline 360

This should sort the menu background

$(".panel-content-menu").css("background-color", "#1E3140")

We've done this by adding the Execute JavaScript trigger to the Slide Master. It's helpful if you need users to be able to resume content (and avoid adding the trigger to each slide).

Question - has anyone tried adding a full-screen image or video using this technique? 

This is cool David. Ever tried to insert an icon in the top menu? Using your method, I tried to insert an icon with jQuery and fontawsome but icon doesn't work well when browser window resizes - changes back to text. Might have to hard code it in the CSS for responsive behavior. 

$("#tab-customlink:contains('Home')").html("<i class='fa fa-home' aria-hidden='true'></i>");

If anyone is still interested in trying to do this, I was able to dig into the CSS sheet in the output folder and find color value locations for most of the elements for the Modern player. I can share how I did that if anyone is interested.

Definitely interested! Thanks for your hard work. Much appreciated!

Hi Michael, I made a short (ish) video about how to explore the CSS files using the Chrome Inspector and a text editor application (I used Notepad++, which is free).

I put a version on screencast, so you don't have to download it. :)

http://www.screencast.com/t/xw8W6oo0

Thanks for taking the time to demonstrate your process. Much appreciated!

It is possible to set custom colors. Use this to customize the modern player: https://cluelabs.com/storyline-360-modern-player-elearning-widget.html

A big thanks to everyone who's contributed - it's really helped me tailor the modern player to my company's brand guidelines.

The only thing I've been unable to change is the styling of the hover/selected appearance of list items. I've been sifting through the inspector and found the class (because I was able to change the colour in the inspector) but haven't had any luck accessing it via Storyline.

Does anyone know how to achieve this? I've attached a gif to demonstrate.