Forum Discussion
Changing the background color in Rise
Hello, our customer would like us to change the color of the background from white to a different color. How can we do that in Rise? Thank you.
Good news, everyone! You can now customize your blocks with distinctive color and image backgrounds using enhanced block settings! Check out the new feature, and let us know what you think!
78 Replies
- AliceMcGeeverCommunity Member
Adding this as a request. The inability to change the background is very poor for accessibility reasons. I've seen many of these threads where users have been requesting seemingly simple developments for years - I wonder if Rise is actually being developed?
- GregBrown-b3baeCommunity Member
Just weighing in, almost 3 years after the original request, in order to keep this feature request at top-of-mind for the Articulate folks.
I love having the ability to change the background color of my trainings in Rise, as it gives each training a slight, subtly different feel.
But having to go through and update each individual block every single time is such a pain. It seems like it should be easy enough to have a global default for a course that can be set to something other than white, and then people can change individual block backgrounds as it works now.
Basically, instead of hard-coding the default background as #FFFFFF, just have a field in the settings section that allows us to change that. If you really want to get fancy, include a radio button option for "Apply to all blocks now" and "Apply only to new blocks going forward". This way people could build different sections of their training with different background colors if they wanted, very easily.
Thanks!
- SaraAndersson-9Community Member
full support for this!
- chrisglynnCommunity Member
+1 from me!
- Learn-PrimeastCommunity Member
I don't think they're listening at this point. There is a similar issue with bullet point colours in another thread, which has also been around for over 3 years, so I wouldn't hold out much hope.
- Tim_Community Member
+1 from me.
The only way to thoroughly change the background on a Rise 360 course is to edit the course by hand after publishing. That in itself can cause some issues, as Rise tends to hard code background colours on some block types and not others.
I downloaded, unpacked and then edited the scormcontent/index.html file and added a new reference to a custom CSS file where I could do my own colour work.
<link rel="stylesheet" type="text/css" href="custom.css">
For instance, in my example below I have had to remove the background colour on the process block as Rise puts in a default value of something like #f4f4f4. This gets rendered to the HTML tag as a 'background-color' style, which of course overrides any CSS. You have to go in and manually edit those to be the correct colour (or edit it in the base64 content block inside the index, if you know how). Only then can you begin to ensure styles can be applied. It's fiddly time consuming work.
There is no way to re-load these custom styles back up into Rise or Review afterwards, so if you make changes in the source you have to then remember to go back to the downloaded package and re-apply the extra changes back to the published package.
I've attached the custom.css file that was used to render the course above in case anybody is interested. It's not the greatest formatting and doesn't cover every block type that Rise can offer - but it might show someone a place where they can start on their ever-treacherous road to customising Rise outputs. Some bits are ugly - I mainly wanted to find out what could be changed, not design something beautiful.
I wish they would implement a way to change the background colour of every element - AND automatically adjust foreground text colours based on established contrasting colour guidelines and practices.
- hazelBStaff
Thanks for sharing your thoughts with us, Tim! I will add this information to the feature request.
- AkosZeleny-0dbaCommunity Member
Hi,
As it seems it's still not a feature, it would be really great to be able to change colour of the general background AND the title background too. - DianaCanova-3deCommunity Member
+1 for background coloring
- NicholeDunne-WaCommunity Member
+1
- BarbaraHewerCommunity Member
+1 global background colour
- PollyannaLin566Community Member
Hi, Yes! I would love this feature too. Thanks
Related Content
- 3 months ago
- 2 years ago