Blog Post
MichaelMurphy-9
9 months agoCommunity Member
Sorry, Allison. I should have left more detail in my question.
Yeah, I was curious how you made page 2 look and feel so seamless. When on Page 2, there's no extra scroll down or up, everything sits nicely on the one page.
On the backend, I'm guessing it's a List block in between two full width images.
I tried creating a version myself but couldn't get that second image scaled correctly. I suppose I'm wondering what you did to get those images and that page overall to sit nicely together.
Yeah, I was curious how you made page 2 look and feel so seamless. When on Page 2, there's no extra scroll down or up, everything sits nicely on the one page.
On the backend, I'm guessing it's a List block in between two full width images.
I tried creating a version myself but couldn't get that second image scaled correctly. I suppose I'm wondering what you did to get those images and that page overall to sit nicely together.
- SarahHodge9 months agoFormer StaffGreat question, Michael! The bottom part of Step 2 is a Checkbox list with a background image behind it. Here's a screenshot: https://drive.google.com/file/d/1r6ZBIGp109R5My7p9uzuIzD4vS_Z8scV/view?usp=sharing
The image is cropped at the top of the shirt so the content sits right next to it. Only one image was used. I think the trick with this one is that the image itself had a lot of white space on the left which allowed the content to display nicely.- MichaelMurphy-99 months agoCommunity MemberThank you for the replies, Sarah - super helpful!
I suppose knowing the exact dimensions of the images would be the secret sauce! I've almost copied this example, testing different dimensions to get the same feel.
Appreciate the reply!- SarahHodge9 months agoFormer StaffI'm glad that helped, Michael! As for the exact dimensions, the image in this example is from Content Library 360 and was cropped within the app. See image:
https://drive.google.com/file/d/1yOw-_0HrMz-JwXnQjV2PA0egMPniw_-A/view?usp=sharing
So, I don’t know the exact dimensions.
In Rise 360, there's no aspect ratio rule to follow since the image will display differently depending on the device used. When you preview your course, you can click the device icons at the top to test how it will look on different devices to make sure it looks right. It sounds like you might already be doing that and just not getting the results you’re looking for. You might need to use a different image if that's the case. But just in case, do you mind sharing a link to your project so I can take a look? I can’t promise anything, but I hope we can find a solution.