Forum Discussion
Changing the colour of the closed captions font and the background?
Hello!
I am playing around with the closed caption feature and try to make it work with our corporate colours.
Is there a way to alter the colors of the background and the fonts of the closed captions?
Hello Everyone!
I'm happy to share that we have released Storyline 360 version 86 (Build 3.86.32028.0).
Included in this release we have two new features:
- Position captions at the top or bottom of the slide to ensure closed caption visibility and prevent the obstruction of critical course content.
- Customize the foreground and background colors of closed captions to complement your course design and maintain contrast accessibility.
All you need to do is update Storyline 360 in your Articulate 360 desktop app on your computer. You'll find our step-by-step instructions here.
Please let us know if you have any questions by reaching out to our Support Engineers directly.
Have a great day!
It would be nice to be able to adjust where the captions fall on the screen as well. I make courses that have video running in an image on the screen that I would rather have the captions ON that on the bottom of the slide. I also rarely use the built-in navigation which means the CC falls on top of nav bars sometimes.
I see that I can now change the text color and font, but is there still no way to change the bg color of the closed-captioning without coding it?
Hello Jaclyn,
It is still an open feature request with our team.
I wanted to share some information about how we manage these feature requests as that may be helpful.
You're in the right place to be notified of any updates we have to share.
Thanks, Richard for sharing that link and those details. I'll pass them along to the team!
So glad that this conversation was helpful for you as well, Mark.
Thanks for chiming in and welcome to E-Learning Heroes :)
Thank you
can anyone here advise on the re-positioning of cc subtitles using javascript? I intend to move the subtitles position up and right with adjustable px.
Hi Tan,
I can describe the concept but I don't have code to share. I looked into repositioning for speaker identification, and/or the occasional move to prevent obscuring content—these are the officially sanctioned reasons for moving them, according to the DCMP. The VTT subtitle specs allow for styling and positioning, but doesn't appear to be fully implemented in AS360.
https:// developer.mozilla.org/en-US/docs/Web/API/WebVTT_API (remove the space to make that link work)
…when I tried all that some years and several builds ago I think it printed the commands as part of captions. Fully implemented VTT would potentially answer all the questions in this thread, I think.I'd probably use jQuery, which is best added in either a master slide or story.html (you can add CSS that way too). I'd try to identify a unique property of the caption div, which my investigation showed is already using absolute positioning. I'd personally aim to create an imaginary 9-square grid and use % rather than px to achieve top, middle, bottom rows and left centre right columns. CSS supports top: Nu, right: Nu, bottom: Nu, and left: Nu, where N is a number and u is the unit.
I abandoned my attempt because I didn't have an authentic need in the project I was working on at the time or since, which have all been single off-screen narrator beginning to end. I'm doing some prototypes now, with animated characters, but I've been doing them as embedded MP4s with open captions (always on) instead of closed. I can build those in Vegas with a choice of subtitle formats that do the trick. AS360 triggers can overlay the video and pause the media etc.
Hello everyone,
Great news! We just released another update for Articulate 360 and included some new features a few important fixes you'll see in the release notes.
The item you'll be interested in is:New: Make closed captions easier to read. Increase the captions font size up to 200% in the modern player.
Just launch the Articulate 360 desktop app on your computer and click the Update button for Storyline 360. Details here.
Please let us know if you have any questions, either here or by reaching out to our Support Engineers directly.Any chance we can add transparency to the caption box?
Hi Starla!
It sounds like you were looking for more ways to customize the closed captioning box in Storyline.
I'm happy to share that our development team is tracking a feature request that would allow authors to change the background color and opacity of the closed captions. I've included you in the feature report so you can be notified as soon as we have news to share!
Have a great start to your week!
Hi Steven!
Do you know when this update will be released?
Hello Everyone!
I'm happy to share that we have released Storyline 360 version 86 (Build 3.86.32028.0).
Included in this release we have two new features:
- Position captions at the top or bottom of the slide to ensure closed caption visibility and prevent the obstruction of critical course content.
- Customize the foreground and background colors of closed captions to complement your course design and maintain contrast accessibility.
All you need to do is update Storyline 360 in your Articulate 360 desktop app on your computer. You'll find our step-by-step instructions here.
Please let us know if you have any questions by reaching out to our Support Engineers directly.
Have a great day!
