Switching Z-index where columns are in front of the image

[Aleksej_Original]

Hi there.

I have a box with a border of 1px solid and I’ve used -10px margins and 10px margins in order to push the image within the column to be off a little. What I need now is the column borders to be in front of the image. As the border goes all around, but at the left and bottom, it’s behind the image (pic for reference)

Do you have any suggestions or pointers on how to achieve this?

[friech]

Hi Aleksej,

Thank you for writing in, that is not going to work, the image inside the column will always be in front of the column’s border.

You need to add a Div element next to the image:

This Div element will provide the border and set this Div to be a position absolute:

Then instead of using a negative margin, use the Move Effect feature on the Image element:

Hope it helps,
Cheers!

[Aleksej_Original]

Works great!

Thanks!

[nabeel]

Glad that we could be of help.

Cheers!