Is it possible to insert a photo on the course home page with the course title? Also, is there a way to shift images within the frame of the slide? I'd like to move the image down in the frame to have more headspace.

Wait... you're telling me that the course description is a completely static text block with no options? Why can't we access the same blocks there that we can access in a regular lesson? I have a very simple graphic that my SME wants as part of the course description. Not only is it a completely valid request, it's a valuable request. But I'm going to have to go back to my SME with the news that our much-lauded course authoring tool is not capable of something that a simple Word Processing app has been able to do since the 1980s? Yikes. :( Please add me to the list of voices requesting more flexibility, both in the course description and for in-line images.

Hello, adding to this thread about images to the homepage. I understand how to change the "cover photo" in settings but what I would like to know is whether I could add an image in the course description similar to an image & text block. Also, would like to know if there are additional formatting options for text AND images. For example, changing the name of the image file so it does not scale. Looking for advanced "cheats". Thanks.

Since staff doesn't give a...nything about that simple problem, I'm coming with a little rescue. Maybe not the most elegant, but working.Steps to do:1. Export your Rise course to your computer2. Edit file index.html in notepad or similiar3. Right before </body> at the end of the document paste one of the following:Video: <script type='text/javascript'>var obj = document.createElement('video');obj.src = 'your_video_source.mp4';obj.setAttribute('id', 'example_video');obj.setAttribute('width', '600'); // 600 is the container width. It of course can be overriden and produce bigger video, but that's not the time for this.obj.setAttribute('height', '337'); // 16:9 proportion to 600px wide.obj.setAttribute('controls', ' ');obj.setAttribute('poster', 'your_video_poster_img.jpg');obj.setAttribute('preload', 'auto');setTimeout(function(){ var ovi_cont = document.getElementsByClassName("overview__main-col"); ovi_cont[0].prepend(obj); }, 1000); </script> Img: <script type='text/javascript'>var obj_img = document.createElement('img');obj_img.src = 'your_image_source.jpg';obj.setAttribute('id', 'example_img');obj_img.setAttribute('width', '600'); // 600 is the container width. It of course can be overriden and produce bigger image, but that's not the time for this.obj_img.setAttribute('height', 'set_your_height_in_pixels'); // to keep it nice lookingsetTimeout(function(){ var ovi_cont = document.getElementsByClassName("overview__main-col"); ovi_cont[0].prepend(obj_img); }, 1000);</script> 4. You can put your image/video file right where the index.html file is, then your source would be simply the name of the file. 5. The setTimeout function is what makes it not 100% elegant, as you have 1s delay before showing the image/video. You can try to adjust 1000 to 500 or something. It's that way because the page must first load to show "overview__main-col" in DOM, and it's not immediate. 6. You can also add tag <style> and style your produced img/video with CSS.

I'd like to put in a request for the ability to add images to the course description as well!

It would be nice to be able to give a visual overview of the course in the course description. Looking forward to that feature :-).

Adding a photo to the course homepage in Rise

43 Replies

AllisonLaMotte
Staff
8 years ago
Hi Mary!

You can absolutely add a photo on the course home page. Just open up the Course Settings and click on Add Cover Photo (see how to do this step by step in this gif).

To answer your second question, I think the easiest way to do that would be to add extra padding before your image. To do that, simply click on Edit, select Settings, and change the top padding to 100 pixels (see this gif).

I hope that helps! :)
- TechPractitione
  Community Member
  6 years ago
  The first link is not working.
- JimArmstrong
  Community Member
  8 years ago
  I can upload a cover photo, but I don't see where I can change the padding. I don't see a Edit button on the Course Settings page.
  - AllisonLaMotte
    Staff
    7 years ago
    Hi Jim,
    
    Right now, there isn’t a way to adjust the padding on a cover photo in Rise.
    
    Allison’s directions for changing the padding above apply to using an Image Block in a lesson.
    
    Hope this helps!

Forum Discussion

Adding a photo to the course homepage in Rise

43 Replies

Related Content

Adding Knowledge Checks and Quizzes

Adding Content Blocks to Rise Lessons

Adding Video Transcripts in Storyline

Adding & Creating Closed Captions in Storyline

Adding Zoom Regions in Storyline

Learn

Connect

Discover

Community

Company

Trust Center