Forum Discussion
JonPlacebo
2 months agoCommunity Member
Font size in the "Notes" panel
Hi, The font size of the text in the "Notes" panel seems to be changing when a Storyline presentation is published I'm currently publishing to Reach360.com. All of the comments that follow relate...
SamHill
2 months agoSuper Hero
Hi JonPlacebo I'm sorry but I can't answer the question regarding what is happening with your Notes, but I would recommend that next time you use notes and edit them, it is better to create a Notes style and apply to the text in Note. Therefore if you need to make any global updates in future (size, colour) you can edit the style and it will update all instances that use the style you have defined.
Solution: I do have a quick and easy solution for you though. Using JavaScript you can dynamically add a style to the HTML document at runtime which will adjust the size of the font and override any styles currently applied.
- Open the SLIDE MASTER
- Add a new timeline starts JavaScript trigger and past in the following script:
// Config const fontSize = "20px"; const lineHeight = "25px"; // Script const styleID = "custom-transcript-style"; if(!document.getElementById(styleID)) { const style = document.createElement("style"); style.id = styleID; style.innerHTML = ` #transcript-content p > span { font-size:${fontSize} !important; line-height:${lineHeight} !important; } `; document.head.appendChild(style); }
-
Update the variable value for fontSize and lineHeight to your preference.