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. General Discussion
  3. project index disable click (keep image hover)

project index disable click (keep image hover)

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 132 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.
  • G Offline
    G Offline
    gustavwiese
    wrote on last edited by
    #1

    hello,

    Is it possible to disable click for the project index?
    I want to keep the imagehover.

    .projectindex-project-link[data-id="123"]{
    pointer-events: none;
    }

    This disables both things.

    Is there a way to do this?
    THANKS

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

      hey try this:

      http://laythemeforum.com:4567/topic/8245/index-how-to-disable-links-yet-keep-image-hover?_=1682521934264

      G 1 Reply Last reply
      0
      • arminunruhA arminunruh

        hey try this:

        http://laythemeforum.com:4567/topic/8245/index-how-to-disable-links-yet-keep-image-hover?_=1682521934264

        G Offline
        G Offline
        gustavwiese
        wrote on last edited by
        #3

        @arminunruh Maybe i'm missing the point, but i just tried to follow and still didn't work. :(

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

          alright alright

          mh can u send a link?

          G 1 Reply Last reply
          0
          • arminunruhA arminunruh

            alright alright

            mh can u send a link?

            G Offline
            G Offline
            gustavwiese
            wrote on last edited by
            #5

            @arminunruh https://workbybrint.com/

            1 Reply Last reply
            0
            • arminunruhA Online
              arminunruhA Online
              arminunruh
              Global Moderator
              wrote on last edited by arminunruh
              #6
              <script>
              jQuery(document).on('.projectindex-project-slug-stageclothing  a', 'click', function(e)){
              e.preventDefault();
              e.stopPropagation();
              return;
              });
              </script>
              

              look, u need to look at the html code and find the slugs, i underlined them here
              (in google: right click → inspect element)

              Screenshot 2023-04-27 at 11.44.48.png

              then use the code above

              so for .projectindex-project-slug-stageclothing and .projectindex-project-slug-iconic-calender

              it would be:

              <script>
              jQuery(document).on('.projectindex-project-slug-stageclothing  a, .projectindex-project-slug-iconic-calender a', 'click', function(e)){
              e.preventDefault();
              e.stopPropagation();
              return;
              });
              </script>
              

              and css:

              .projectindex-project-slug-stageclothing a, .projectindex-project-slug-iconic-calender a{
              cursor: default;
              }
              
              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
              arminunruhA
              arminunruh
              F
              francesco
              L
              lurchifon
              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