Hierarchy on text / image offset
-
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.
-
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
-
@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?
-
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:
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 :/ -
@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.
-
hey if u update lay theme now, i removed some stacking contexts so it should be easier
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it