Forum Discussion
Changing the colour of the closed captions font and the background?
- 9 months ago
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!
After playing a bit with the developer tools of my browser, I found that this css changes the closed captions:
.caption p {
background: rgba(236,212,76,0.7);
color: black;
text-shadow: none; /* The captions usually have a shadow, that looks wierd with a darker text colour */
}
But now I am thinking about where to put it. My guess would be that it is best to put it in a css file that is linked after the two that are there by default.
Does somebody have some experience in using custom css in a Storyline project and where to put it?
Is there maybe even a way to include it without having to change the output of Storyline and zip it again?
Or is this maybe better asked in a new question?