Published Background Different Than Preview

For context, I'm a long time user of Storyline (Have used 1 through 360. Currently 360). I know how to change backgrounds, slide masters, player settings, etc. ***edit. More details added after further investigation***

However, I am frustrated that the slide editor--and slide preview--in some cases look different than the published output.

 In this example, the offending culprit was the background transparency.

Before Publish:

This shows what my course exit slide looks like in the preview.

View during Storyline Preview mode

- Light grey background fits my branding theme and the dark text on top contrasts well.

- I used transparency on the star graphic image to get the right levels of color. This was intentional on the graphic image. However, I accidentally also set the transparency of the slide background to 100%. My fault.

Format Background settings

- However, in the Storyline editor, AND in the preview mode, the default white background still shows through my slightly transparent background graphic, making the image display correctly. There was no indication from here that my slide was built incorrectly.

 After Publish:

This shows how the dark grey background of the player suddenly comes through my background after publishing. 

View from published SCORM file.

- The effect on the background looks pretty cool, but it's not what I wanted. My text is low-contrast now and the company logo version is now wrong for such a dark background.

 - Again, the problem is my fault, but there was no way for me to know this until reviewing the course. The editor and the Storyline preview of the course both made it look like I had done everything correctly.

My workaround:

The immediate workaround is simple enough, fix the transparency setting on the slide background.

But the preview mode (at the very minimum, if not also the editor) should match the published version. This would make mistakes easier to catch and course publishing more efficient.


10 Replies
Lauren Connelly

Hi Daniel!

You're correct, this doesn't look right!

It's hard to put a finger on the exact reason without seeing the settings in your course. Are you noticing this on every slide or just this one?

Would you mind sharing your file with us? You can do so by using the "add attachment" button in this discussion. Or you can share the file privately with our Support Engineers by using this link.

Leslie McKerchie

Hi Daniel,

Thanks for popping back in to share an update.

Are you using the Modern Player? We do have an issue reported to our team regarding the background color difference in preview vs. published output when using transparency along with the Modern Player.

I'd be happy to add this to the report as we continue tracking this issue and so that we can share any updates with you as well.

Becca Levan

Hey Daniel!

I'm happy to return to this discussion with an update!

Storyline 360 Update 49 is live: We fixed the issue where the background color changes in published output in both Classic and Modern player.

Thank you for taking the time to report this bug to us!

Guy Rider

I have a related question.  When I change the background on a particular slide and preview the slide, the background color is what I would expect to see (attached Storyview_Preview Slide).  When I look at the slide in Preview Scene and Published, the background changes (attached Preview Scene_Publish).  Can you help explain what is going on and how to correct this?


Becca Levan

Hello Guy, and welcome to E-Learning Heroes! ⭐️

I appreciate those screenshots so I could see what you're describing! From here, I'd like our support engineers to step in to help determine why the background color is changing when you publish your course.

I've opened a case on your behalf, and you should've received an email with a link to upload your file privately with my team. They will delete it once they finish testing!