Forum Discussion
Closed Captioning appears to be doubled
Hi,
This has been an ongoing issue with the last two projects I built in SL. It seems to be the case when I text-to-speech or add audio files. Can anyone help me troubleshoot this? Thank you!
Have you tried using a different font? The only time I have experienced something similar is when I was using a new font and the captions just didn't look quite right. In the Player settings (under Colors & Effects --> Closed Captions), see if changing the font to something else fixes it. I couldn't tell from your screenshot if this was just in a preview mode or a published course but if it's from preview, once you change it to some other font, see if it still does the same thing when published!
Hi Elizabeth, yes we have tried changing the font type and size but to no avail. We experience this in both Preview and Publisheed mode sadly.
Hi kristinaArg!
Sorry to hear you've run into this setback with closed captioning in Storyline!
Glad to see Elizabeth has been helping you. I can confirm we have this behavior logged as a bug in Storyline 360. This bug causes an observable border/outline around closed captioning text, when certain text and background colors are combined. We've found this issue to be especially noticeable when the background color is set to light, and the text color is set to White.
I've linked this discussion to the bug report, so we can notify you as soon as a fix is in place. In the meantime, If you're comfortable sharing your .story file, we'd be happy to take a closer look and offer suggestions for alternative color combinations. Feel free to upload a copy here in the discussion, or privately through a support case.
Looking forward to hearing from you!
I agree that this has been an ongoing issue, especially when CC text is a dark color on a white background. In this specific case, I would use a JavaScript snippet to remove the CC text shadow, which is actually causing the problem. Execute JavaScript when the timeline starts on this slide:
const addCSS = css => document.head.appendChild(document.createElement("style")).innerHTML=css; addCSS(".caption p { text-shadow: none; }");Thank you all for your responses! I will try the JS script, Nedim. And, I'll log a support case as well StevenBenassi .
Hi, kristinaArg!
I see you connected with my teammate, Carlo, in a case. If any users follow along, Carlo shared that after further review, it's been determined this behavior is expected. The reason the text shows as double is the closed caption outline cannot be turned off or disabled. We’re currently tracking requests for a feature to allow authors to toggle the closed caption text outline on or off. I hope this helps!
