Forum Discussion

Thomaskoch-6bf6's avatar
Thomaskoch-6bf6
Community Member
4 years ago
Solved

Change the background of the cover photo from black to white in the Articulate Storyline Player

Articulate Storyline Player does not automatically launch on iOS devices. Instead of the black area with the player symbol, you can choose a title image or the start slide. A dark edge remains. ...
storyline 360
  • KellyAuner's avatar
    KellyAuner
    3 years ago

    Hi, everyone!

    I have some great news to share! We just released another update for Storyline 360. In Update 77, we've included important fixes and new features.

    One of the enhancements we've included: 

    • Set your cover photo to fill the player frame. Enable it in the player properties.

    Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

    Please let me know if you need additional help!

MathNotermans-9's avatar
MathNotermans-9
Community Member
4 years ago

As the CSS Articulate uses is in...
C:\Program Files (x86)\Articulate\360\Storyline\player\unified\html5\lib\stylesheets
you need to get these files and unminify them and fix what you need...
This url properly unminifies the CSS to readable format...
https://www.unminify2.com/
Then you can find whats needed... .view-phone and/or .mobile-start-overlay class and fix it so its white... or whatever color you like...

.mobile-start-overlay {
background: #fc00ff;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}

Save it somewhere and replace the original file and your mobile start overlay is not black anymore.

You probably need to do it in both CSS files. desktop.min.css and mobile.min.css