Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Hierarchy on text / image offset

Hierarchy on text / image offset

Scheduled Pinned Locked Moved Bug Reports
6 Posts 2 Posters 129 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    T Offline
    thomasmaier
    wrote on last edited by
    #1

    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.

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      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

      T 1 Reply Last reply
      0
      • arminunruhA 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

        T Offline
        T Offline
        thomasmaier
        wrote on last edited by
        #3

        @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?

        1 Reply Last reply
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote on last edited by
          #4

          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 :/

          T 1 Reply Last reply
          0
          • arminunruhA 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 :/

            T Offline
            T Offline
            thomasmaier
            wrote on last edited by
            #5

            @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.

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

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

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              I also code custom websites or custom Lay features.
              šŸ’æ Email me here: šŸ’æ
              info@laytheme.com

              Before you post:
              1. When using a WordPress Cache plugin, disable it or clear your cache.
              2. Update Lay Theme and all Lay Theme Addons
              3. Disable all Plugins
              4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

              This often solves issues you might run into

              When you post:
              1. Post a link to where the problem is
              2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
              3. If the problem is difficult to explain, post screenshots / link to a video to explain it
              Online Users
              S
              sophes
              P
              piotr
              O
              okitswinter
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
              laytheme.com
              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Recent
              • Tags
              • Popular
              • Users
              • Search