Using graphics

Hello, Rosemary!

A very wide image with a 3:1 aspect ratio works well in a Text on Image block or as the cover image on the main menu page. You can also use the built-in cropping tool to select the area of the image you want to be displayed in that block! 

I've tried the cropping tool and it works sometimes but not most of the time. Can I tell when I'm looking at one of the images in the Rise library what the aspect ratio is?

Thanks

Hi Rosemary! 

While there isn't a way to see the dimensions of images in the Content Library, I'm curious to hear more about the trouble you're seeing with the cropping tool. Could you share a few screenshots of what's happening when the tool isn't working as expected? That would be really helpful!

Hi Alyssa,
Thanks for your response. I’m sorry I didn’t see your message sooner, it went to my spam folder. I don’t remember what pictures I was trying to get at the time but I often can’t use the picture I find and if you can provide any tips I’d really appreciate it. I found some images to illustrate the type of thing I’m finding.

I just want to add that I love Rise. I just told my boss the other day not to tell everyone how much fun I was having creating courses!
Thanks
Rosemary

Here is an example of text on image.

Here is the image in the library, which I loved Here is how it appeared as text on image
[cid:image006.jpg@01D6A21F.7FD3A130] [cid:image008.jpg@01D6A21F.7FD3A130]

I cropped like this. It appeared like this after I cropped it
[cid:image009.jpg@01D6A21F.7FD3A130] [cid:image010.jpg@01D6A21F.7FD3A130]

Cover photo example

Here is how it appears in the library Here is how is appears as the cover. I don’t see an option to crop a cover photo.
[cid:image016.jpg@01D6A21F.7FD3A130] [cid:image017.jpg@01D6A21F.7FD3A130]

Here is that same image on a text on image
[cid:image025.jpg@01D6A21F.7FD3A130]

Here is how I tried to crop it Here is how it appeared. So that worked well.
[cid:image026.jpg@01D6A21F.7FD3A130] [cid:image027.jpg@01D6A21F.7FD3A130]

But if I crop like this I get this.. I don’t always see that part I cropped in the image that displays
[cid:image028.jpg@01D6A21F.7FD3A130] [cid:image029.jpg@01D6A21F.7FD3A130]

Hi Rosemary! It looks like you replied via email, and your attachments didn't come through. Could you please click here to open the discussion, then attach the screenshots to a new reply?

Hi Alyssa

I've put the screen prints with notes of what I was trying to do in a word doc. Let me know if you can see these ok.

Hi Rosemary!

Thanks for sharing what you were trying to achieve with text over images! What I can suggest is adding extra space in the Text area by pressing the [enter] key to enter extra line spacing. This should expand the text content and show more of the image you're trying to use. Hope that helps!

Thanks. That's useful to know. I don't know if that is new, I didn't think I could do that before. What I was really asking about is why the image I selected isn't what shows up on the Text on Image  and when I try to crop an image, I don't get the part of the image I cropped.

These screenshots are helpful, Rosemary.

Any block that uses the full width of the course, and cover photos which also use the full width, are going to zoom into that image until the full width is covered. Rise won't stretch your images to fit, and it won't leave empty space on the sides in full width images if your image isn't wide enough. It simply zooms in until the space is covered. 

When you crop the image, it will use that same behavior, but only on the portion that you cropped. The cropping that worked well for you displayed the way you wanted because you cropped a section that was very wide:

For images where you need the full image and the text overlay, I recommend adding text to your image in another tool before adding it to Rise. You can then use a centered image block to show the full image. 

Cover photos will always be cropped depending on the size of the screen, so you'll want to choose a photo that won't lose details if the edges are cropped to fit the screen.