Forum Discussion

davelees's avatar
davelees
Community Member
24 days ago
Solved

Change color and opacity of loader overlay

Hi,

If you have content that requires a preloader that pops up over the content for a minute is there any way to change the color of the background of the preloader? It is black and looks terrible over any content that is another color (see attached).

I know that this doesn't work with an execute Javascript:

document.querySelector('.visible-overlay').style.setProperty('background-color', 'rgba(249,241,235,0.3)');

Thanks!

 

  • davelees's avatar
    davelees
    22 days ago

    I figured out that if you modify the loader-container style in the desktop.min.css file you can change the RGB value.

4 Replies

  • Hi davelees​!

    Happy to help!

    Currently, Storyline 360 does not support the ability to customize the color of the Player's preloader. Thanks for letting us know this functionality is important to you. I've shared your feedback with our product team!

    We'll be sure to update you if this enhancement makes it to our product roadmap. 

    • davelees's avatar
      davelees
      Community Member

      Hi Steven,

      Is there no way to change it through a Javascript execution? Do you know the CSS style that determines the color?

      Thanks

      • StevenBenassi's avatar
        StevenBenassi
        Staff

        Hi davelees​!

        Thanks for following up!

        While we do not support the modification of published output, some code-minded authors do implement custom programming to achieve their intended design.

        I'll open the floor to them to share their insight and expertise!