Forum Discussion

Iris's avatar
Iris
Community Member
9 days ago

Images

When I use the "Image centered" block, the image appears wavy (as I intend), but when I switch it to "Image full width" block, the image becomes wider but loses the wave pattern:

Image centered block: My original image with the wave patternImage full width block: The wave pattern disappears

Can you explain why the wave pattern disappears in the "Image Full Width" block?

Thank you.

  • I am a Rise novice, but the image you show is cropped when displayed as full width. It is centered vertically inside the block with the top and bottom clipped off, so you lose the wave edge. The image is responsive, so if you resize your browser window, you will proabaly notice that the botom wave edge becomes visible as you shrink the browser width and the image shrinks to fit within the display port. Rise does not seem to offer a way to align the image to the bottom, which would maintain the wave edge.

    A possible alternative is to insert a small transparent image as the main graphic and then edit the block style, using your wave-edge image as the block background image instead. You can then edit the cropping and overlay properties for the background image (overlay = 0%, crop image to only lower 50 to 60%).

    The tradeoff is that the background image is not responsive. It will not resize as your browser window changes size, but the bottom edge will remain visible.