Overlay images in post editor

Posted in: Newspaper
Post count: 201

Hi,

I want to overlap two images in the post editor to create this effect (link in case embed doesn’t work):

The large image (red) would be 100% column width, while the small image (blue) would overlap the top-right corner.

I’ve tried all sorts, including the media and text block, or the cover block, and can’t quite get it right. Using columns and custom margins can almost get me there, but then it isn’t responsive on mobile.

Any help achieving this would be greatly appreciated.

Post count: 27744

Hello,

You can try to use this option -> https://we.tl/t-IkOvQ10wYY as a workaround.

Thank you!

Post count: 201

Hi Anamaria,

Thank you, as always, for the quick response.

The cover block gets me close to what I want but doesn’t achieve the desired overlap effect. Is there any way to get the overlapping edge to stick out, as follows:

I would only want to shift it ~10px up and right. Using the negative top margin doesn’t work as it remains constrained to the container.

Any ideas? Thanks!

Post count: 27744

Hi,

Unfortunately, I don’t know how else you could do it, unless you create an image like that yourself and upload it.

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.