Forum Discussion
Images
Hi,
I wanted to have an image run between two different blocks. I have a paragraph box and a numbered list block. Is there any way to do this so it stays in tact when see on different devices without coding?
As I understand it, you want one image to be in the background of two different blocks. And you want it to look like one image no matter what device/browser-size is used to view it.
Rise doesn't do that.
The background of a block can be set to show an image. But that image will be adjusted as the device/browser-size changes. So even if you put the top half of an image in one block and the bottom half in the next block, it won't look like one image.
7 Replies
Oh I misunderstood, it looks like you may have already seen this video. This has been asked a few times, it did require a couple lines of CSS to achieve.
In the video, he goes to his index html file (index.html) from his downloaded course & he adds the background image as an SVG. How do I get that html file out of RISE?
Yes, I watched that video somewhat. Looks super tricky!
As I understand it, you want one image to be in the background of two different blocks. And you want it to look like one image no matter what device/browser-size is used to view it.
Rise doesn't do that.
The background of a block can be set to show an image. But that image will be adjusted as the device/browser-size changes. So even if you put the top half of an image in one block and the bottom half in the next block, it won't look like one image.
BOO!! Ok, yes, that was my ask. Thanks!
That's not entirely my ask.. Would it be best to show an example?
Sarah, it sounds like your image is getting cut/cropped on various device sizes- I'll recommend using the Labeled Graphic block (without any markers) and it will always show the full image.
