Forum Discussion
Custom scenario scene background image in RiSE
So, I did what Simon Smith suggested and it worked! Here are the steps I took:
1. I created a Rise course ensuring the Scenario block was used in one of the lessons
2. I exported the course for web (for easy testing)
3. I unzipped the exported folder and followed the filepath: content>lib>main.bundle.css
4. I opened the main.bundle.css file in Notepad (don't be scared by the block text that appears!)
5. I used Ctrl+F (on Windows) to open up the Find function and I typed in blur and hit Enter
6. Amongst the mass of text, the Find function quickly found this line:
scenario-block__background{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:-.2rem;filter:blur
7. I deleted the words filter:blur and clicked File>Save and then exited Notepad
8. To test the result, I returned to the exported folder and followed the filepath: content>index.html
9. I clicked on index.html to open up the course in my browser and voila! The blur was gone (see attachment)
I have no experience at all with CSS but this took me less than 2 mins to do.
Thank you Simon! I'd be interested to learn how else CSS manipulation can extend the functionality of Rise!
Cheers
Alex