Leverage the Latest Learning Technologies to Overcome Global Training Challenges
Share Twitter Facebook LinkedIn Google+

How to Change the Background Color of Lightbox for iPad Course Using Articulate Storyline

How to Change the Background Color of Lightbox for iPad Course Using Articulate Storyline

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.

Introduction

Step 1: First go to your published course. Click the mobile folder in your course output folder.

Step1

Step 2: Right click player.css and open with a notepad or WordPad.

Step1

Step 3: Here you will find the .window .closeicon, where you can change the lightbox background color and close icon color.

Step3

Step 4: If you want change any color for background, see the below image for reference.

Step4

Step 5: If you want change any color for close button icon color, see the below image for reference.

Step5

Step 6: After making the changes, refresh your course and check your updated colors.

Step6

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!

View eBook on Articulate Storyline for Building E-learning Courses

Share
Topics: , ,

Subscribe to Our Blogs

Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:

 
eLearning Learning