Forum Discussion
Custom scenario scene background image in RiSE
I eould like to upload a custom background image for my scenarios on Rise 360 What are the required dimensions and file size?
Hi Nancy!
The scenario block background has a blurred effect to draw the learner's attention to the character and the scenario text. I'll let our team know you'd like the option to unblur the background!
- JuanNapoli-f798Community Member
Second the request to be able to unblur the background and as I posted on a separate thread, the option to remove the character as well. The reason being - Scenarios is the only programmable option in interactive blocks and it forces you down a path of using a blurred background and a character that is not consistent with most corporate enterprise design approaches. I would like to offer a short custom adventure or even an interactive quiz that depends on reaching the right combination of alternatives, all that is possible with Scenarios, you guys just need to give us control by making our background unblurred and no characters, please.
- NancyClaxtonCommunity Member
Is there a way to unblur the background?
- DavidMeadeCommunity Member
Ditto for the unblurred background. Needing that right now and not able to make it happen.
Thanks.
- SimonSmith-db99Community Member
Hey Nancy & David.
You can remove the blur in the background by editing main.bundle.css. You probably want to Unminify the CSS first to make it more readable.
Just look for scenario-block__background and remove the filter:blur; parameter.
There's a bunch of other good stuff around here for playing with the look and feel of the scenario block.
- MathNotermans-9Community Member
Customizing indeed the CSS like this...both my background gets unblurred and my character hidden..
.scenario-block__background {filter: blur(0rem) !important;
}.scenario-block__character {
visibility: hidden !important;
}Now finding a way to get that enabled into Rise360 is the tough part...
- AlexBradley-13fCommunity Member
Thank you Math, this is v helpful!
- MathNotermans-9Community Member
Cool tip Simon. Nevertheless i prefer it being in Rise somewhere... blur background checkbox.
As i can get it done by CSS, but most of the editors that will create the courses/scenarios donot know how to get that done. Further more as Brian asked for too, i do prefer having the option to hide, disable or make a character transparant, because i do want to use custom backgrounds without an character in front. Would be even better if we could use custom .png's in front...- lilianlee-cb262Community Member
any way to crop the picture and i want the eventual image to cut off at the avatar eyeline?
Hi there, Adam. When uploading or choosing an image for scenario backgrounds, we recommend using high quality “landscape” rather than “portrait” images. Other than that, there are no restrictions on dimensions as long as your image file is under 5 GB.
- Adam-DawesCommunity Member
Thank you for replying to my issue. I am taking pictures of background s on my phone. Would that suffice? When I go to insert an image Rise will not allow me to select the photos. I have included the photos I would like to use for backgrounds in my scenarios. Thank you in advance.
- SamWilliamson-1Community Member
I'm guessing Rise doesn't support the HEIC format, or at least doesn't let you upload such files.
You could chuck your images into a converter to easily turn them into JPGs. Should work fine then.
- Adam-DawesCommunity Member
Thank you Sam for the link to the image converter. This method worked perfectly!!
Great to hear it, Adam! Thanks for the update.