closed captions css positioning

[stevecouch]

I'm using Captivate 7 (and also tried 8) and publishing to HTML5 for TinCan.

I can find the style settings for the closed captions in the Captivate UI (change font/color/background/etc) - but I need to change the position slightly so it is not the full width of the display - which does not appear to be possible in the UI.

I have found in the index_TINCAN.html that I can set on the <div id="cc" - some css styles to set margin-left (which works fine) and margin-right. - But the css "width" of the div is being set by javascript somewhere which results in the div extending beyond the right-hand side of the presentation.

Does anyone know where in the js the cc div is being changed?

I had a quick look and it might be the assets/js/CPM.js - but I'm struggling with how to change it?

Thanks.

[TLCMediaDesign · Accepted solution]

It's in the CPM.js:

ccProperties:{w:640,h:57,lc:3,c:'#ffffff',o:49,f:'Times New Roman',fs:12,tc:'#000000'}

[stevecouch]

Perfect! - Thanks a lot - you save me much searching and testing time...