Differences between layout in published and working files

[Vicki5000]

Hello,

In my working file, I have the screen titles set up to look like this...

However when I publish the file, they end up looking like this...

Any ideas? I'm using Captivate 9.

Thanks,

[RodWard]

HTML5 or SWF output?

[Vicki5000]

Hello,

It is HTML5 at the moment.

Thanks,

[Vicki5000]

On further investigation it only happens when I view the published output of a Responsive Project (Desktop view).

However when I recreated some of the screens in a normal project and published to both SWF and HTML both options displayed correctly.

RodWard‌

[RodWard]

Responsive projects have a lot more complexity attached to the way things display.  If you don't really have a compelling reason to use Responsive, I suggest you just stick with normal projects.  Needing to publish to HTML5 is NOT a compelling reason to go responsive.

[TLCMediaDesign]

It's because there is a bug that does not put the bold style on the div/span that holds the text.

You can manually add it to the span in the CPM.js (font-weight:700;). This is what is looks like:

<div style="margin-left:0px;display:block;text-align:left;"><span style="display:block;"><span class="cp-actualText" style="line-height:100%;color:#333333;font-size:28px;font-weight:700;font-family:\'Myriad Pro\';margin-left:0px;display:block;text-align:left;"><span style="">Type the caption text here.</span><br></span></div>

Unfortunately. there is no way to do this programmatically unless you named all of the instances of text with bold a specific way, then you could parse through and change them with JavaScript.