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

block mouse click navigation from carousel

Scheduled Pinned Locked Moved General Discussion
mouseclicknavigationcarousel
8 Posts 4 Posters 578 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.
  • franziF Offline
    franziF Offline
    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 Offline
      mariusjopenM Offline
      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 Offline
        franziF Offline
        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 Offline
          mariusjopenM Offline
          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 Offline
            O Offline
            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 Offline
              mariusjopenM Offline
              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 Offline
                arminunruhA Offline
                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 Offline
                  O Offline
                  Organstudio
                  wrote on last edited by
                  #8

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

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