Lay Theme Forum

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

    Customize image overlap?

    General Discussion
    2
    2
    34
    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.
    • N
      nater321 last edited by

      New user to Lay theme - The Stack feature for images is great, and I've figured out how to overlap using offsets – but I can't seem to figure out what is determining which image is in front. I'd really like the image lower down on the page to be under the image above – any suggestions?

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

        Dear @nater321

        If you could post a link to your website with the example issue that would be great as i can have a better look :)

        Assuming that you know about the hierarchy 'within' the stack and you are able to change that order:
        Screen Shot 2020-10-18 at 11.20.00 AM.png

        But also i believe the solution you are looking for is z-index, this tells your webpage which elements have hierarchy over others:

        https://www.w3schools.com/cssref/pr_pos_z-index.asp

        First you would need to target the image using CSS added to "Lay-options-Custom CSS & HTML"
        Screen Shot 2020-09-14 at 2.51.54 PM.png

        https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

        Let me know your thoughts and best wishes

        Sincerely
        Richard

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        Try this to fix issues 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

        M
        I
        M
        L
        G

        Recent Topics

        • text underline

        • open all links in a thumbnail grid in a new tab

        • lazy loading affects project thumbnail mouseover images

        laytheme.com