Modern Player in Storyline 360 looks great. We would like to use it. But unfortunately, the courses have to conform to brand standards. Is there a way to change to background color instead of just dark or light mode? Thanks.

Ok i thought I would share where I have gotten to with jquery. I have been able to change the player colour with these commands in a javascript trigger: $(".top-ui-bg").css("background-color", "#005E78");$(".area-primary").css("background-color", "#005E78") The hex numbers can be whatever you need. This command will change the background of the slide area in the palyer: $(".cs-slide-container").css("background-color", "#005E78") There is still a bit to workout. The side bars for instance and the text/icon colours. Here is an example https://360.articulate.com/review/content/42e2228e-e6d6-481b-9d37-90d56919325f/review

All we need are the right codes to change. Perhaps someone in the Product team could give us a list?

I put a version on screencast, so you don't have to download it. :) http://www.screencast.com/t/xw8W6oo0

Hi td, I did a quick experiment and it seems you can. It depends on what you want to change. The following code will change the player border to red at the top graduating to yellow at the bottom: $(".top-ui-bg").css("background-image", "linear-gradient(red, red");$(".area-primary").css("background-image", "linear-gradient(red, yellow") The top line defines the gradient for the top bar to just red, hence both colours are red. The second line changes the sides and bottom bar from red gradually to yellow. You can use Hex colours if you want. The Linear-Gradient tag seems fairly flexible, you can set direction, more colour stops etc. See this page for more information on syntax: https://www.w3schools.com/css/css3_gradients.asp Hope this helps a little

Hey Ben! You can change the colors for the modern player, using the Light or Dark options, and one accent color. Here's how. If you need more control over colors for each player feature, you can switch to the classic player and use the advanced color options as described here.You can also turn off the player altogether and create your own custom navigation with buttons, hotspots, and hyperlinks. Here's how to turn off the player in Storyline 360. Hope that helps!

Can we change background color in Modern Player - Storyline 360

AlyssaGomez
Staff
7 years ago
Hey Ben!

You can change the colors for the modern player, using the Light or Dark options, and one accent color. Here's how.

If you need more control over colors for each player feature, you can switch to the classic player and use the advanced color options as described here.

You can also turn off the player altogether and create your own custom navigation with buttons, hotspots, and hyperlinks. Here's how to turn off the player in Storyline 360.

Hope that helps!
BennyKurniawan-
Community Member
7 years ago
Hi Alyssa,

I don't think you can change the color of the light or dark options. The accent color looks like just for the texts and the seekbar. How do you change the light or dark options color to something else?
AlyssaGomez
Staff
7 years ago
Hi Ben,

At this time, there are only two main color options for the modern player: Light and Dark.

If you'd like to see more color options, share your feedback with us by clicking here!
BennyKurniawan-
Community Member
7 years ago
Got it. Love the new Modern layout. Just wish to have some flexibilities.
davidtedman-897
Community Member
7 years ago
Shame not able to change the background colour
LeslieMcKerchie
Staff
7 years ago
Hey David and welcome to E-Learning Heroes :)

Thanks for popping in to share your feedback. This has been a common request that we have received. I'm adding this conversation to the report as we track the user requests and so that we can update you here when we can.

I wanted to share some information about how we manage these feature requests as that may be helpful.
- davidtedman-897
  Community Member
  7 years ago
  Hi Leslie
  I figured you would be working on it anyway, just adding to the numbers!
  Kind regards
  David
AlyssaGomez
Staff
7 years ago
Hi there David! I wanted to let you know that you can edit out your contact information from your post if you'd like. Replying via email will include your signature.
- davidtedman-897
  Community Member
  7 years ago
  Thanks Alyssa
  
  David
DavidCrocker
Community Member
7 years ago
Plus 1 vote for much more flexibility in modern player
PaulIson
Community Member
7 years ago
Yes, I would love to be able to enter a hex value for the modern player background please. I always turn off the "menus and controls" but that still doesn't give me control over the background colour.
KatieRiggio
Staff
7 years ago
Thanks for adding your vote, folks!

We'll let you know if there's any forward movement with this color feature. Everyone who commented here will be notified immediately since that automatically subscribes one to this discussion! As always, feel free to share any suggestions with us in the community or through the Feature Request form. 😊