Hierarchy on text / image offset

[thomasmaier]

Sometimes (I wasn't able to figure out when), when I position text on an image with the offset feature the image is above the text - unimportant what or how I do it. Either way, the image overlays the text – which is unintended.

Can you explain what is happening there? How can I adjust which is above which?

For now the workaround is a class on the text area called "above" with custom css called .above { z-index: 9999 !important: }. Which is not so nice.

[arminunruh]

hey thomas sorry of the late reply!

any element to the right and in a row below will overlap any previous element

texts in custom row height rows and browser height rows will always overlap anything else

when you use the new "place freely" setting, you right click an image, video or text → they will always overlap everything else

[thomasmaier]

@arminunruh is it a lot of work to include a basic hierarchy (z-index) setting that lets you choose which is below and above the other object?

[arminunruh]

hey thomas

please update lay theme

now use this css:

.row{
position: static;
}

now i think it should work better. but u cant use row backgrounds anymore (images/videos)

the reason for it not working is the stacking context:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context

however, now you can also right click a text, choose "place freely" and then you can put the text anywhere and it will always overlap other elements
however, that doesnt work well in combination with browser height rows :/

[thomasmaier]

@arminunruh currently I add .above {z-index: 9999;} to the css and use the class 'above' on specific elements on the lay gridder to put the in the foreground whenever they arent.

[arminunruh]

hey if u update lay theme now, i removed some stacking contexts so it should be easier