Lay Theme Forum

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

    Navigation arrow buttons on carousel

    General Discussion
    2
    5
    973
    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.
    • F
      fm last edited by

      Hey guys,

      I'm having a problem with the 'previous' arrow button on the carousel addon - it is too close to my site title and the arrow does not work. I would love to be able to get rid of it, but can't think of what css to use.

      Cheers for the help!

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

        Hi @fm
        you can remove the buttons here:
        0_1512737203519_Bildschirmfoto 2017-12-08 um 13.46.27.png

        Does that help?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • F
          fm last edited by

          Thanks, but I also wanted to keep the 'next' button - is there a way around this?

          1 Reply Last reply Reply Quote 0
          • F
            fm last edited by

            So I managed to do it with this code here:

            .flickity-prev-next-button.previous {
            display: none !important;
            }

            What I am trying to do now is to make it applicable to only one of my carousels. Does anyone know how to do this? Would I have to add a custom class to the carousel? How would I insert that into the above code?

            Thank you for the help :)

            What I would also like to do is make another carousel unresponsive to clicking on its images (as opposed to it moving onto the next image when it is clicked, as it does currently). So it is more like a video slideshow of images in the background of the page. Any ideas on how to do this would be really appreciated.

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

              Hi @fm

              ok. I try to help!

              1. You can add a class to every element here:
                0_1513251585800_Bildschirmfoto 2017-12-14 um 12.39.22.png

              0_1513251600816_Bildschirmfoto 2017-12-14 um 12.39.35.png

              .no-next .flickity-prev-next-button.previous {
              display: none !important;
              }
              
              1. Add a class to the carousel as well called for example no-click.
              .no-click .flickity-prev-next-button.previous {
              pointer-events: none;
              }
              

              I did not test the code but I think it should work.

              Best!

              Marius

              www.mariusjopen.world

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              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

              S

              Recent Topics

              • T

                OpenType Feature

              • T

                Split Screen just on front page / subpages without the split?

              • T

                problem when I click on the category filter buttons on mobile

              • G

                z index has different behaviors on different pages

              laytheme.com