Player Color Scheme Issue with Closed Caption Button

Hi Jessie

I just had a play around and it looks like the Button > Icon is the color that affects the player buttons

Hi Wendy,

Thanks for your help! Changing the icon color does help to some extent, since it makes the icon visible when the button is toggled on, but the background of the button still turns white (matching the player background), so it still looks pretty weird. 

For now, I'll keep trying to guess what controls the toggled button background and let everyone know if I figure it out!

Hi Jessie, 

Did you look into the Button>Normal Background (or Button>Down Background and Hover Background)?  Those should help with the background color and how it's behaving when the user clicks on it (the down state).  Here's the Storyline 360 player colors chart in case that helps you too. 

Today, one of my trusted coworkers figured out that when publishing to HTML5, the Caption button's active state inherits the color of Tab -> Selected Background.

Thanks Megan for sharing that here! 

Thank you so much Megan, this information is great to have!

Jessie

Yes! This is gold, thank you!

Glad it helped you out as well Lee-Ann! 

I have a very similar problem - I have played around with the colours as discussed above but no no avail!  When I check my player, I can see the caption button but when I preview, I can see the sound button but no CC button, it is not even hidden as there is no change to the cursor when you hover over it - can you help please?

Thanks

Hi Diane!

Do you have the captions button enabled in the Player Properties?

If so, then you'll see the button when there are captions available on the current slide or layer. If no captions are available, the button will disappear. This is a visual indicator for learners so they know which slides have captions and which don't.

When the closed captioning button is visible, meaning there are captions available on the current slide or layer, learners only need to click it to turn the captions on or off.

Let me know if that helps! 

THANK YOU, THANK YOU, THANK YOU!!!

Glad Megan's findings were able to help you out as well Diane :)

Thanks for popping in to share and welcome to E-Learning Heroes!

But his must be a bug? When publishing to HTML5, the Caption button's active state inherits the color of Tab -> Selected Background.

My tab background color is light grey and I don't want that color on the active captions button. With that color it is almost invisible on some monitors.

Or have I misunderstood something?

Thanks

Hi Fredrik,

You're correct that the Caption button's active state inherits the color from the player option Tab -> Selected Background. 

If that conflicts with your player border colors, you may want to take a look at changing those to allow for a better/more visible button. 

That's genius! Thank you for sharing, Megan.

I recently found this guide which comes in very handy when customizing players:

Storyline-360-and-Storyline-3-Player-Colors.pdf

It also helps you figure out which buttons inherit colors from other color options.