Forum Discussion

COLINGRANT-a3ad's avatar
COLINGRANT-a3ad
Community Member
2 months ago

Subtitle fonts have a black outline?

The subtitles that Storyline generates have a black outline, no matter what color I choose for the font or the background. See the attached example (I know it's ugly; I chose the background so we cou...
  • SamHill's avatar
    2 months ago

    This would have been added for accessibility I think. To ensure the text contrast with whatever colour background it appeared on. In order to change this, you would need to remove the text-decoration definition from the CSS.

    .caption > div > p{
         text-shadow: unset;
    }

    In order to add that so that it is available within your Storyline course, you would need to add the following JavaScript to the timeline starts trigger on your Slide Master(s)

    // Create a new <style> element
    var style = document.createElement('style');
    // Define the CSS rule
    style.innerHTML = '.caption > div > p { text-shadow: unset; }';
    // Append the <style> element to the <head> of the document
    document.head.appendChild(style);

    I use this to increase the minimum font-size of the captions, as they can be quite small.