The light box feature is very useful to provide additional information that appears as a popup for content in courses developed using Articulate Storyline.
One of our clients came up with an issue regarding the background color of the close icon in light boxes and the color of the close icon of an eLearning course, developed using Articulate Storyline. The lightbox close icon background color in red.
The client asked us to change the background color of the close icon in the lightbox and the color of the close icon of the eLearning course. But, with the default features of Storyline, it is not possible to change the background color of the lightbox.We tried for and came up successfully witha solution, which I would like to discuss here.
Step 1: First go to your published course. Click the mobile folder in your course output folder.
Step 2: Right click player.css and open with a notepad or WordPad.
Step 3: Here you will find the .window .closeicon, where you can change the lightbox background color and close icon color.
Step 4: If you want change any color for background, see the below image for reference.
Step 5: If you want change any color for close button icon color, see the below image for reference.
Step 6: After making the changes, refresh your course and check your updated colors.
These are the steps you need to follow to change the background color of a lightbox and close icon color to when the course is viewed on an iPad. Have anything to say? Please do share!