Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    z-index and overlapping elements

    General Discussion
    2
    2
    28
    Loading More Posts
    • 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.
    • mountainsuperstd
      mountainsuperstd last edited by

      hey there, got a quick question about overlapping elements.
      so, I have a lot of text elements here http://modaportugal.pt overlapping project thumbnails (images in other pages).

      while updating pages in other sections of the website, the text elements on the left are suddenly all under the elements on the right, which I guess it makes sense because they precede them in the html flow.

      but the question is, why are they working this way now and go below when I update the page with a new element?

      I also haven't been successful in setting a higher z-index for these elements but I admit that my css is a bit rusty lol

      anyway, sorry for the long post and thanks in advance for your help.

      cheers

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        but the question is, why are they working this way now and go below when I update the page with a new element?

        im not sure i understand this sentence

        well elements to the right will always overlap elements to the left

        you can always right click an element, "set html class and id"
        then as "html class" add:

        overlapp

        then in lay options → custom css & html:

        .overlap{
        z-index: 10!important;
        }
        

        nice website!

        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        Post a link to where the problem is
        I don't answer or check forum DMs, please just post on the forum.
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

        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. Now see if your problem solved itself
        5. 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

        Thanks!

        Online Users

        Recent Topics

        • H

          sumbmenu on mobile device

        • Q

          backdrop blur on ios

        • While editing the carousel, the images are not displayed correctly

        • Sticky Footer now has Background

        laytheme.com