Forum Discussion
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...
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.
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.
PERFECT! Thank you! It does the trick.
