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
I am spending my morning changing all the blocks to be a friendlier colour for colleagues with dyslexia. In an age of making things accessible, is there not one button I can click to add a default background colour that is not white?
Come on, Articulate. This is such a simple feature.
I use Rise a ton for my work, and it's really frustrating that whenever I try to look up a common, low tech feature like this, I invariably find threads like this where people have been asking for that same feature for YEARS and it's still not a thing. Please speed up your product updates. It's painful.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!
Thank you so much! It looks great!
Can I apply a custom colour to multiple blocks at once?
Hi Stephanie! Currently, there isn't a way to apply custom color globally to your course.
However, we are tracking requests for this ability in Rise. I'll be glad to add your name to the list so that you'll get notified if we make changes that will help.
That's great. But is there a way to change the BG color of the entire page? I often have a block that doesn't take the entirety of the page leaving a large white space in the bottom... :(
Hi Michel,
The background color can only be changed on a per block basis, but I'll add your voice to a feature request that we have open to add the background color as a controlling theme setting.
I would also love for this to be a global option, also is there a way to apply this to the headings and the frontpage, for consistancy
If Articulate just would change the CSS for the background of blocks to a CSSvar then that variable could be easily changed globally. Either in settings or just locally in the CSS after publishing.
PS: It apparently is already a CSSvar: --color-background: #e1adad;
Figuring out where that variable is set and if it is global.We have been waiting for this for a long time.
Please provide a global option to change the white background to a custom background color for lessons etc.Hi Rob!
Thanks for the feedback!
I've included you in the feature report and will update this discussion as soon as we have news to share. If you'd like to stay up to date, please bookmark our Feature Roadmap.
Thanks for listening Steven.
Let's hope this will be implemented anytime soon.
Rob, I did this for a microlearning theme, note I have not tested on a regular course, but you can download and look at the code. This would be a major change in Rise, and goes against the nature of the block color settings, so I don't think this feature will ever be an option natively in the product.
https://theme-360.com/rise-theme-wrapper/template-rise-microlearning-wrapper/
Thanks Phil, I'll have a look at the Theme to see if there's something that I can use to change the background of our courses.
Rise 360: Two year and still no fix to change the entire page color to something other than white:
The hard code css is .blocks-lesson { background: #fff; }On a themes with black blocks the end of the page has a big ugly white section.
.blocks-lesson { background: #000; } would fix this.
Please, have a background page color option for the entire course and/or page.If anyone knows how to add a simple JavaScript in Rise 360, please tell.
//.blocks-lesson { background: #000; }
const style = document.createElement("style");
style.textContent = '.pageColor { background: #000; }';
document.head.appendChild(style);const elements = document.getElementsByClassName("blocks-lesson");
for (let i = 0; i < elements.length; i++) {
elements[i].classList.add("pageColor");
}AlssaGomez remove your "Marked as Solution" or whomever marked this as solve. REMOVE ! it is not solved and has never been solved in years.
