Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. General Discussion
  3. link doesn´t work with overlay element

link doesn´t work with overlay element

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 495 Views 2 Watching
  • 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.
  • S
    S
    sophes
    wrote on last edited by
    #1

    Hi there,
    I have a fixed stacked element (blue box) with a picture and two links. And I want the projet-thumbnail underneath to slide by on top of the blue box, not underneath. but when I change the z-index, the links in the blue box won´t work anymore ... Is there anything I can do to make the links work?

    Bildschirmfoto-2024-03-13-um-12.14.21.png

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

      i think it overlaps the blue box, so the links are not clickable

      do u have a url to where the issue is

      you could use css pointer-events:none; on the row or the image that has the flowers in it

      then even if that image has a bigger z-index, it will be click-through

      1 Reply Last reply
      0
      • S
        S
        sophes
        wrote on last edited by
        #3

        thanks for your reply! here´s the link:
        https://franziska-kronmueller.de

        with "pointer-events: none" the image with the flowers is not clickable anymore

        I figured that the overlap is the problem, but I can´t find a solution ...

        1 Reply Last reply
        0
        • S
          S
          sophes
          wrote on last edited by
          #4

          now the maintenance mode is off ...

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

            In the gridder, right click on the element and choose "set html class and id". For "html class" enter:

            ontop

            (make sure u actually right-click on the stack element, not on one of the elements inside the stack)

            Enter the custom css in "lay options" -> "custom css & html":

            .ontop{
            z-index: 99!important;
            }

            1 Reply Last reply
            0

            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

            With your input, this post could be even better 💗

            Register Login
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            Online Users
            M
            michael_vvc
            G
            gd_mrsn
            A
            Anna_S
            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