Picture on picture

Hi there,

Can you link us to the page where this is done so we can inspect it?

Also, can you provide a mockup image of how you want it to look like?

Let us know. :D

This is a site I have downloaded from GeneratePress library as an example https://doggofriendly.com/

And this is an example of what I want to do: https://www.screencast.com/t/Fkc0hZib

Hi there,

in your example image, that content is built with the GenerateBlocks Plugin.
And using GenerateBlocks Container Blocks, to crate the three layers.
So you would have:

1. a Container Block, with your top image.
2. below that another Container Block with your second image.

Select the second Container Block, and in the Spacing Settings:

https://docs.generateblocks.com/article/container-overview/#spacing

You can:

1. Set the Top Margin to a negative value eg. -40
2. Set the Outer Z-index to 1

This will pull the second container up over the first container.

Thank you, David, I'll try and see if I can do it:) I'll let you anyway.

You're welcome

Hi David,

I'm trying but it does work. Is it possible for you to send me a small tutorial?

Can you send a new screenshot of what it is you want to achieve. The previous links have expired.

Hi David, here is a screenshot of I mean: https://www.screencast.com/t/vGcW8uqS

Watch this :)

https://www.screencast.com/t/7U97M8gd

Thank you so much, David. This video really helped.

Really glad to hear that!