Featured Categories
-
Lectora®
Lectora® is the most trusted authoring tool in the world. Rock out your creativity! Author courses any way you like. Lectora adheres to best practices for Accessibility and Web Content Accessibility Guidelines (WCAG), offers responsive authoring for eLearning, and publishes to any LMS (Learning Management System).
-
CenarioVR®
Experience virtual reality through CenarioVR®, our training and virtual reality (VR) authoring software that allows you to create immersive learning in minutes! No coding required!
-
Rockstar Learning Platform®
Our Rockstar Learning Platform® has all the features you’ll love. Help your employees be better at their jobs, more valuable to your company, and most effective in servicing your customers.
-
The Training Arcade®
Level up your learner engagement with the Training Arcade®! The Training Arcade is a library of fun, mobile-ready, casual games that can be rapidly customized with your content to create effective gaming!
-
ELB Learning Content
Did you know that our AssetLibrary™ has over 120 million engaging, interactive, and awe-inspiring templates and assets to help you become an eLearning Rockstar®?
Programmatically change Background Colour?

Does anyone know if it is possible to change the background colour of a title programmatically using an action or JavaScript? I'd like to be able to offer an option of changing the background colour to support learners who may have Dyslexia.
It looks like someone asked a similar question in 2009 but there were no responses 🙁 https://rockstars.elearningbrothers.com/discussion/271244/accessibility-issues
Thanks in advance 🙂
Comments
-
Hello. For a published course with a simple background, the tag background controls the color. You can add the following code to a button or item to change the CSS for the page's background color. You could create a button or other object with an action on it. For example, a button with a "On Mouse Click" trigger, and an action to "Run Javascript". Then place this code in the javascript box:
triv$( 'body', getDisplayDocument() ).css("background-color","red");
You can change the "red" to any valid CSS color, or use rgb() function in double quotes:
triv$( 'body', getDisplayDocument() ).css("background-color","rgb(0,0,255)");.
You could also change a background image with code like this on the "background-image" property.
0
Categories
- 35.9K All Categories
- 110 ✫ Announcements
- 33.2K Lectora®
- 31.1K Lectora Discussions
- 29K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 27 ELB Learning Content
- 27 ELB Learning Content Discussions
- 343 CenarioVR®
- 204 CenarioVR Discussions
- 139 CenarioVR Feature Requests
- 44 Rockstar Learning Platform®
- 41 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 48 ReviewLink®
- 48 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 938 All Things eLearning
- 39 eLearning Development
- 546 Learning Management System (LMS) Integration
- 333 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products