Forum Discussion

LarissaLovejoy's avatar
LarissaLovejoy
Community Member
22 days ago

My Rise360 cover photo distorts when opening the course

Hey all, 

How can I fix this? The cover photo (on the course tile) looks fine when viewing all the course tiles together, but when I click into the course and it goes full screen, the image gets all wide and pixelated. Is there something I should be doing differently? Or do I need to do a work-around where I make the image smaller/surround it with a white border so it doesn't look so terrible when it opens up? See photos for reference: 

Course Tile view

  

 

  • KarlMuller's avatar
    KarlMuller
    Community Member

    What are the X and Y dimensions of this image? It looks quite small.

    • LarissaLovejoy's avatar
      LarissaLovejoy
      Community Member

      Hi Karl, 

      Yes, it's pretty small - 750x300px. What size do you recommend I make it for it to look better? 

      • JoseTansengco's avatar
        JoseTansengco
        Staff

        Hi LarissaLovejoy,

        Using an image size that closely resembles the monitor's screen size to author the content is a good starting point. Still, I'll let other community members step in if they have better recommendations! Rise 360 uses responsive design, so it's good to keep in mind that your course's appearance will be adjusted to best display on the device used to view the course, meaning if your course will mostly be viewed on high-resolution devices, it's also a good idea to use high-resolution images.