Forum Discussion
Solved
Rise Spacer Background Image
Howdy Heroes,
Hoping someone in the community can help me out with something?
I'm trying to add some brand specific images to the spacer block in Rise, to introduce a bit more branding into our d...
It might be cropped or it might be that the image's height is squished. I don't have an explanation.
I do have a solution, though: insert the image into an Image block.
- If you want some margins on the left and right, use the Image Centered block.
- Don't use the misnamed Image Full Width block. That resizes/crops an image in weird ways.
- If you want the image to show from edge to edge in the browser, use the Labeled Graphic block. Set its image width to Full Width. And, of course, delete the labels.
Here's an example of the same wide-but-short image in those types of blocks:
It might be cropped or it might be that the image's height is squished. I don't have an explanation.
I do have a solution, though: insert the image into an Image block.
- If you want some margins on the left and right, use the Image Centered block.
- Don't use the misnamed Image Full Width block. That resizes/crops an image in weird ways.
- If you want the image to show from edge to edge in the browser, use the Labeled Graphic block. Set its image width to Full Width. And, of course, delete the labels.
Here's an example of the same wide-but-short image in those types of blocks: