Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    block mouse click navigation from carousel

    General Discussion
    mouseclick navigation carousel
    4
    8
    230
    Loading More Posts
    • 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.
    • franzi
      franzi last edited by

      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 Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

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

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • franzi
          franzi last edited by

          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 Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

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

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply Reply Quote 0
            • O
              Organstudio last edited by

              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 Reply Quote 0
              • mariusjopen
                mariusjopen Global Moderator last edited by

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

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply Reply Quote 0
                • arminunruh
                  arminunruh Global Moderator last edited by

                  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 Reply Quote 0
                  • O
                    Organstudio last edited by

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

                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post
                    Post a link to where the problem is
                    I don't answer or check forum DMs, please just post on the forum.
                    Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com

                    Before you post:

                    Use the Search Feature. Maybe there is already a solution to your issue.

                    1. Update Lay Theme and all Lay Theme Addons
                    2. Disable all Plugins
                    3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                    4. Now see if your problem solved itself
                    5. Go here, see if your problem is listed here:
                    Troubleshooting

                    When you post:
                    1. Post a link to where the problem is
                    2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                    Thanks!

                    Online Users

                    R
                    S

                    Recent Topics

                    • K

                      Sticky Footer now has Background

                    • S

                      Changing space above/below gets delete

                    • A

                      Corruption of website

                    • A

                      installation/website bearbeiten

                    laytheme.com