Forum Discussion

RobynKim-579d48's avatar
RobynKim-579d48
Community Member
2 years ago

Custom preloader for Storyline

When searching for this topic, I found that most of the articles are several years old so I'm re-asking here. I would like to modify the preloader. I found a tutorial by Melissa Milloway (Tutorial), but this mentions opening a player.css file. I don't see this when I export my story (I'm using Articulate 360). Does this file not exist anymore or is there a similar file I can use? 

  • Hi Robyn! 

    Thanks so much for reaching out. 

    Unfortunately, the player.css file is no longer available. The html5 player has been replaced since this tutorial you have referenced in your post. 

    The only CSS files that I was able to find were the output.min, desktop.min, and mobile.min files. 

    All of these files are found within the html5 folder. 

    • Here’s how you can find the output.css file within the html5 folder. (html5>data>css)

    Here is a visual of the file path for your reference:

    • Here’s how you can find the desktop.min and mobile.min files within the html5 folder. (html5>lib>stylesheets)

    Hope this helps!

    • RobynKim-579d48's avatar
      RobynKim-579d48
      Community Member

      Hi Luciana! Is there any way to edit the preloader in any of these .css files? 

  • Hi Luciana, Could give us info on how to change this default preloader with our own image?