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. Addons
  3. imagehover: making images themselves be a link to the project

imagehover: making images themselves be a link to the project

Scheduled Pinned Locked Moved Addons
11 Posts 2 Posters 257 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.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote on last edited by
    #2

    hey there

    will work on this, give me some time
    i think this is a good idea yep

    1 Reply Last reply
    0
    • M Offline
      M Offline
      MartinRL
      wrote on last edited by
      #3

      Great news! Looking forward :)

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

        u can update lay theme and the imagehover addon now and then in lay options → imagehover addon options:

        Screenshot 2024-03-04 at 10.43.55.png

        1 Reply Last reply
        0
        • M Offline
          M Offline
          MartinRL
          wrote on last edited by
          #5

          Thanks Armin!

          That looks like a neat solution, however it didn’t change anything for me. When I tap on the shown image, nothing happens.

          Things I’ve tried, but didn’t help:

          • setting „show image on scroll only“ instead of „show image on scroll and hover“ and „put images above all elements“ instead of „put images under all elements“
          • closing the tab and safari and rebooting the iphone, plus trying on a different phone, so old cache is not the issue
          • updating laytheme and plugins
          • turning off all my custom css

          Any ideas? :/

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

            your images are below all texts

            thats why they cant be clicked on

            u need to do this setting:

            Screenshot 2024-03-05 at 10.10.30.png

            1 Reply Last reply
            0
            • M Offline
              M Offline
              MartinRL
              wrote on last edited by
              #7

              I had actually tried that, but only now it works. Maybe it was cache-related...

              Having the texts over the image is part of the visual appeal, so it would be sweet to have the text frame not "cover" the image link except where the words themselves are. But as I suppose that’s difficult to do, I have now changed the text frame to only half of the page width, so one can at least tap on the right half of the image as a link. Good compromise I think ;)

              Have a nice day!
              Martin

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

                yea

                what you can do is use custom css to make the image a litte transparent

                or look at the mobile version of my website:
                https://100k.studio/

                i have images that you can click on on the bottom right and the text is just on the left so it doesn't overlap that much

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  MartinRL
                  wrote on last edited by MartinRL
                  #9

                  Yes, or even multiplication instead of transparency? Having the images above the text and applying this css to the images:

                  .blend {
                  mix-blend-mode: multiply;
                  }

                  seems like the perfect solution, but as in the gridder there is no built-in way, how can I give the hover images that css class?

                  If that doesn’t work, I’ll stop bothering you and stick with left half/right half of the page. Dope looking Website you have, btw ;)

                  Martin

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

                    hey please try to figure this out yourself i think multiply wont work

                    1 Reply Last reply
                    0
                    • M Offline
                      M Offline
                      MartinRL
                      wrote on last edited by
                      #11

                      Alright, thanks anyway :)

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