Forum Discussion
HeidiWoodruff
2 years agoCommunity Member
Change the background colour for a Process Block
How can I change the background colour for a Process block? The default grey does not match my theme.
- 2 years ago
Good news, everyone! You can now customize the Process block interaction with distinctive color and image backgrounds using enhanced block settings! Check out the new feature, and let us know what you think!
Chris-Santos
2 years agoStaff
Hi Heidi,
This is a feature we have requested from our Rise engineers. It's not in our roadmap yet, but we will let you know as soon we hear an update about this feature from our team.
I may have found a workaround for you, though. In the below screenshot, I was able to change the Process block background color from gray to blue:
Here's how I did it:
- Export your course as LMS and extract the contents on your desktop.
- Navigate to ../scormcontent/lib folder and open main.bundle.css using a text editor (e.g., Notepad or Notepad++).
- Locate
.block-process
(as shown below) - The hex value #f5f5f5 is the color gray (or smoky white).
- Change this value to the hex code of your preferred color. In the first screenshot, I changed it to #2986cc.
- I saved the file and re-zipped the files and folders I extracted. In the below short clip, you can see the files and folders I zipped into Archive.zip:
- Upload the new zipped file to your LMS.