Text Over Image not working

What are you trying to achieve:
Hey all! I am trying to overlap some text with an image (a headline where the text starts above an image, and overlaps with the top part of an image.

However, even though the layer order is right the image is placed in the back (Right Click > Arrange > Move to Back), the text is not appearing in front of the image, but falls behind it.

It’s strange, because it seems like a it should work with no problem with the Arrange option.
Any basic directions, things I might have missed in setting up the layer order that you can think of?

Product:
EditorX

What have you already tried:
I’ve tried working with and without containers, switching orders etc. I know with code I might be able to change the order in which objects appear in the DOM, and might find success there, but I want to avoid that to keep the site structure clean.

Additional information:
The layer order is as follows:

In a Stack:
Layer 1 (on top) - The text (set to Arrange > move to front)
Layer 2 (below layer 1) - The image (set to Arrange > move to back)

1 Like

Hey vineshgayadin,

I had the same issue with text and image (or in my case Vector) layering.
In the end, I could fix it by extending some blank space in the text so that the image and the text overlap each other. So, double-check if your layers actually overlap each other.

In the picture below, the text layer is highlighted in yellow, and the vector in purple.

Hi @Ramin_Amin_Tafreshi I appreciate you getting back on this and showing your solution. This is very helpful, thank you.