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. block mouse click navigation from carousel

block mouse click navigation from carousel

Scheduled Pinned Locked Moved General Discussion
mouseclicknavigationcarousel
8 Posts 4 Posters 2.0k Views 1 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.
  • franziF
    franziF
    franzi
    wrote on last edited by
    #1

    Dear @mariusjopen ,
    i removed all sorts of navigation buttons or gestures from a carousel, which only autoplays now. The only thing i can't block is the mouse click on the images, which causes the navigation to the next image.
    Is there a way to avoid the mouse to click on the images entirely?
    thank you greatly in advance!
    Francesca

    1 Reply Last reply
    0
    • mariusjopenM
      mariusjopenM
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @franzi
      you could use the CUSTOM CSS with pointer-events: none;

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • franziF
        franziF
        franzi
        wrote on last edited by
        #3

        Dear @mariusjopen
        thank you for the answer and suggestion, i tried to set a class for the carousel element in the page and give the pointer-events: none; instruction but it didn't work.
        Any idea on how to proceed?
        many thanks
        Francesca

        1 Reply Last reply
        0
        • mariusjopenM
          mariusjopenM
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @franzi
          can you post a link to your website?

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • O
            O
            Organstudio
            wrote on last edited by
            #5

            Dear @mariusjopen,

            I also just wondered if there is a simple way to do this. I have a simple carousel with a selection of images and I would like to disable the click. I tried the CSS that was posted in another thread but it didn't work.

            This is a link to my site: https://www.organ-studio.com/

            Many thanks in advance,
            Norman

            1 Reply Last reply
            0
            • mariusjopenM
              mariusjopenM
              mariusjopen
              Global Moderator
              wrote on last edited by
              #6

              Dear @Organstudio
              we will look into this in a bit!

              Best!

              Marius

              www.mariusjopen.world

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

                Ok, set a class of "noclick" to the element by right clicking on it in the gridder -> "edit html class and id":
                0_1566915694706_Screenshot 2019-08-27 at 16.21.26.png

                Now in "lay options" -> "Custom CSS & HTML" enter this in "Custom CSS":

                .noclick *{
                    pointer-events: none!important;
                }
                
                1 Reply Last reply
                0
                • O
                  O
                  Organstudio
                  wrote on last edited by
                  #8

                  This works perfectly @arminunruh @mariusjopen – thanks so much!!

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