Forum Discussion
STORYLINE LIGHTBOX BACKGROUND (MODERN PLAYER) NOT TRANSPARENT
That works, but a white background briefly shows before becoming transparent. I have published to web when viewing it in my file. But this seems like it will work for what I need, thank you!
Hi Bill,
There is a way to get this working so you don't briefly see the white background.
In order to do that, I usually edit a couple of html files after publishing it. With this approach, you won't need to use the execute javascript triggers.
If you publish for web, you will only need to edit the story.html file.
If publishing for lms, I edit 2 files: story.html and index_lms.html
I prefer using a program called 'Sublime Text' to do edit the files. It is possible to use notepad but it isn't as nice.
Here is the code that I add in just before the closing head tag (</head>):
<style>
.lightBoxSlide{background-color: transparent !important;}
#light-box-wrapper{background-color: transparent !important;}
</style>
If you also want to hide the lightbox close button, add this line of code in before the closing style tag (</style>):
.lightbox-close-btn-floating{display: none !important;}
Here is a screen shot of the story.html file after adding in the code (Lines 17 - 21).