How to change the background space outside the margin of the player?

Apr 08, 2020

I've been building a module that is designed to be more streamlined between desktop, tablet and mobile, using the modern player setting. At the moment, the modern player is displaying translucent rectangles on either side of the output that cover part of the slide (Articulate have logged it as a software bug, but no sign as to when this will be fixed). So I have turned the player OFF and have built a custom menu, nav and audio setting.

I have noticed that when you don't have the player turned on, there is a space on either side of the slide where the slide ends and the browser screen keeps going. Depending on what colour the slide background is, the colour of this space will change to not be the colour of the slide. It becomes an off-white on a white slide background.

Is there any part of the published output that I can edit to override this setting and make this space I colour I want? I've tried editing the story.html here and added the background white section, but it didn't seem to work:

html, body { height: 100%; padding: 0; margin: 0; background: white }
#app { height: 100%; width: 100%; }

Has anyone managed to do this?

3 Replies