I'm able to find the command to change closed captions button color and even "hovering state" color, but I can't find a way to change the button color when it is "on". Unfortunately, original colors for on and off states are very alike, and it is almost impossible for the user to know when the button has been clicked. Any help would be appreciated.
I am assuming that you are referring to the default closed caption button for Storyline's player. If you are, have you tried changing the Down Background to notify your learners that it is down?
You can also change other default colors like Normal Background and Hover Background.
Here's how:
1. From the Home Ribbon, open Player Properties.
2. Then when the Player Properties window appears, click Colors and Effects.
3. From Colors, click Show advanced color editing.
4. Change the Edit Item by clicking the dropdown and look for Button >> Normal Background, Button >> Down Background and Button >> Hover Background.
5. You can always change the top color and bottom colors according to your preference and branding.
Should you need further assistance, just send a reply to this discussion or send me an email.
Thanks for the detailed explanation. I did exactly this, but somehow, the change in color is not being applied. I didn't publish the course yet, but at least in the preview, it is not working. It does work for hovering state, but not for down state. Any ideas?
I'm seeing this as well. Before clicking the captions button it is the same color as the volume button. But when you click it it goes to white, and it doesn't look good.
How can we control the caption button's active state? Nothing I've tried seems to work.
Here's what I have. From the screenshot I've defined all the colors for the button backgrounds, none of which are white. But lo and behold when I preview or publish the course, if I click the captions button it turns the same color as the captions icon.
Should there be another button state to be defined? Such as Active?
Thanks so much for sharing that screenshot. I was able to recreate the same problem using those colors.
Let me get this in front of my team and see how we can help. I'd agree that adding an additional 'Active' button color setting would be helpful here, so I'll be sure to pass that suggestion along.
As soon as I hear more on this, I'll let you know!
That's right, Michael. We're putting our heads together to investigate this, and as soon as we have a solution in place, I'll share the news here in this discussion.
Any update on this, Aylssa? I'm having the same issue that when my CC button is active, the contrast goes away almost completely and it does not look good at all.
I found this helpful info in this thread where someone found that the selected state of the CC button mirrors the selected Tab color. Not ideal because now my tab looks funny, but at least the CC button doesn't just turn into a white empty button when it's selected.
Hi there, Kristen. Thanks for checking in, and I'm sorry you hit this problem!
Our team is still investigating this behavior within the classic player, and I promise to share an update with you in this discussion as soon as we know more.
While I'm glad you found a workaround, we're happy to have a thorough look at your course and that tab to see if there's anything else we can recommend in the meantime. If you're able to share the .story file, please use this private upload link.
I don’t currently have any updates, but you are now subscribed to this conversation which means as we share updates here, you’ll automatically be notified.
17 Replies
Hi Marcos,
I am assuming that you are referring to the default closed caption button for Storyline's player. If you are, have you tried changing the Down Background to notify your learners that it is down?
You can also change other default colors like Normal Background and Hover Background.
Here's how:
1. From the Home Ribbon, open Player Properties.
2. Then when the Player Properties window appears, click Colors and Effects.
3. From Colors, click Show advanced color editing.
4. Change the Edit Item by clicking the dropdown and look for Button >> Normal Background, Button >> Down Background and Button >> Hover Background.
5. You can always change the top color and bottom colors according to your preference and branding.
Should you need further assistance, just send a reply to this discussion or send me an email.
Please visit this article for more info on Changing the Player Colors, Font, and Font Size.
Thanks for the detailed explanation.
I did exactly this, but somehow, the change in color is not being applied. I didn't publish the course yet, but at least in the preview, it is not working. It does work for hovering state, but not for down state.
Any ideas?
Hi Marcos,
Can you send me the file as an attachment so I can look into it? You can use the “Add Attachment” button below when responding to this thread.
Thanks,
Louise
I'm seeing this as well. Before clicking the captions button it is the same color as the volume button. But when you click it it goes to white, and it doesn't look good.
How can we control the caption button's active state? Nothing I've tried seems to work.
Hi USC Marty!
This could be due to the custom colors you have set up for the player buttons. Try this:
What colors are selected for Down Background and Icon?
Here's what I have. From the screenshot I've defined all the colors for the button backgrounds, none of which are white. But lo and behold when I preview or publish the course, if I click the captions button it turns the same color as the captions icon.
Should there be another button state to be defined? Such as Active?
Hi USC Marty,
Thanks so much for sharing that screenshot. I was able to recreate the same problem using those colors.
Let me get this in front of my team and see how we can help. I'd agree that adding an additional 'Active' button color setting would be helpful here, so I'll be sure to pass that suggestion along.
As soon as I hear more on this, I'll let you know!
Hi Alyssa,
Just to confirm—it's currently not possible to customize the color of the CC button's active/ON state. Correct?
That's right, Michael. We're putting our heads together to investigate this, and as soon as we have a solution in place, I'll share the news here in this discussion.
Any update on this, Aylssa? I'm having the same issue that when my CC button is active, the contrast goes away almost completely and it does not look good at all.
I found this helpful info in this thread where someone found that the selected state of the CC button mirrors the selected Tab color. Not ideal because now my tab looks funny, but at least the CC button doesn't just turn into a white empty button when it's selected.
https://community.articulate.com/discussions/articulate-storyline/player-color-scheme-issue-with-closed-caption-button
Hi there, Kristen. Thanks for checking in, and I'm sorry you hit this problem!
Our team is still investigating this behavior within the classic player, and I promise to share an update with you in this discussion as soon as we know more.
While I'm glad you found a workaround, we're happy to have a thorough look at your course and that tab to see if there's anything else we can recommend in the meantime. If you're able to share the .story file, please use this private upload link.
Any updates on this?
Hi Scott,
I don’t currently have any updates, but you are now subscribed to this conversation which means as we share updates here, you’ll automatically be notified.
Stumbled across this same issue today - unable to change the ON colour of the Captions button. Any update?
Me too! It doesn't display the colours chosen for the button in the 'down' state so the button is hardly visible when switched on.
Hello, All!
I'm sorry that this is still an open issue in Storyline. If anything changes, we promise to let you!
If you're in a bind, we'd love to review your player settings to try to help you work around it. Use this link to connect with our Support Engineers.