Forum Discussion
Background colour in Rise
Hello all,
Is there a way, or will there be an update on Rise which you can change the background colour of a Rise lesson from White to something else?
Cheers, Mits
12 Replies
Hi Mits!
While it isn't possible to change the background color of a lesson, you can change the background color of a block in a Blocks lesson!
Many lesson types are already available as blocks, such as Video, Process, Labeled Graphic, Sorting, and URL/Embed.
If you want to use one of those lesson types, simply use a Blocks lesson instead! Then, you can change the background color of the lesson.
I hope that helps!
Hi,
I'm using a Process Block in a blocks lesson, and the option to set the background colour is not available.
Hi Greg,
Thanks for reaching out to us.
Right now, there isn't a way to do this in Rise. Our team has logged some feedback on more color options in Rise and we'll add your voice to this.
Hi There,
I'm posting my question here hoping it will fit in this discussion thread. Can you put background colors on individual Flashcards? I know you can put background color within the actual block.
Hi Cassandra!
Thanks for your comment! That is currently not a feature in Rise 360, but please take a moment to submit a feature request here with more details about exactly what you’d like to see. Thanks :)
Thank you Nicole,
I will submit a request. I told my customer "no" in a gentle way. I'm hopeful that the background color in the block will be enough for them.
Kind Regards,
Cassandra
Hi: I recently saw a module that Trina shared with a different background colour - how did she do that? It was a blood module.
Hi Brenda!
Is this the sample you're referring to? Rise 360: K-12 Education Facts About Blood
Trina changed the background color of individual blocks in that course, but the main course background color is still white.
Let us know if there's a specific block you had in mind!
Yes, that was it. Oh.......okay.
Thanks!
The problem with changing only the block colors is that the headers and footers in your published output will remain white, so it won't match.
To change the headers and footer background colors to match your block colors, simply edit the CSS of your published file:- Publish your Rise course
- Right click on the Index.html file and choose to Edit in Notepad
- Make a new line right before the ending </style> tag and add the following CSS code: .blocks-lesson, .page__header-limit, .page__menu {background-color:red !Important;}
- Change the "red" to whatever hex color code you want
- Save your file. Done!
@Kenneth Minnich Any chance you would know how to change the color of a particular element my editing the code. I looked through the CSS and can't seem to find anything that calls out specific elements. Looking to change the back ground color for an accordion element not the background color.
Thanks!
Hi: I am trying to change the footer colour from white to match the block colours in my published SCORM package. I notice Kenneth has kindly added some advice but I am assuming this is for when the file is exported for Web? I am having trouble changing the footer colour when it is a SCORM. Any advice gratefully received.
