Lay Theme Forum

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

    Can the Previous/next buttons of the carousel be out of the images ?

    Addons
    6
    11
    277
    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.
    • B
      benjaminlr last edited by

      Hi Marius,
      first of all, thank you for your work !

      I have a problem with my website : I would like to put the previous and next buttons of the carousel out of the images.
      Idealy, I would like to put a négative number to "Space between buttons and edge of carousel", but it doesn't seem possible.

      Would you please have some advice to me ?

      Thank you !

      Best regards,

      Benjamin.

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

        Dear @benjaminlr
        ah! This one is tricky. I think you need to use some CSS magic for that.
        Maybe transform, or margin negative?

        Did you give that a shot?

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • B
          benjaminlr last edited by

          Dear Marius,

          thanks for such a quick answer.
          unfortunately, I don't know much about CSS...

          The thing I don't understand is months ago, when I made my website, I put "-45" in "Space between buttons and edge of carousel", and it was ok : the buttons were out of the images.
          But last week, when I changed the button, because I wanted to use an other image, the "-45" automatically turned to "0".
          And when I tried to change it to "-45" again, it tell me "please select a value greater than or equal to zero".
          I tried to delete the new buttons images to get back to my last version, but the problem was still there.
          Could it be about an upgrade of the theme ?

          Thank you again for your help.

          Best regards,

          Benjamin

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

            Hi @benjaminlr
            You can add this css in the "Custom CSS & HTML" section :

            .flickity-prev-next-button.next {
            right: -45px;
            }
            .flickity-prev-next-button.previous {
            left: -45px;
            }

            Let me know if you need more info about how to do this :)
            Best,
            Audrey

            ✦ Audrey@CyberSlayers.work ✦
            www.cyberslayers.work

            1 Reply Last reply Reply Quote 0
            • B
              benjaminlr last edited by

              Hi Audrey,

              this is exactly what I needed !
              Thank you very much !

              Best,
              Benjamin

              1 Reply Last reply Reply Quote 0
              • N
                nuotio last edited by

                Hey! I have a similar need/problem/request! Before I was able to set the arrows outside the container with negative values. Now after the carousel updated the buttons are hidden outside the swiper-container. Is there any css hack I could use? Or as a last resort, is it possible to go back to the old carousel plugin without downgrading WP or Laytheme otherwise? ::desperate::

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

                  Dear @benjaminlr
                  can you post a link?
                  Best!

                  Marius

                  www.mariusjopen.world

                  N 1 Reply Last reply Reply Quote 0
                  • N
                    nuotio @mariusjopen last edited by

                    @mariusjopen I don't know if my example helps at all, but I replicated the above negative value hack here: http://anttonnuotio.com/testsite Arrows are nicely outside the container and everything works. This is made with an older version of the carousel plugin, with the newest one this doesn't work anymore. There the overflow is hidden, and when the buttons go past the container they're not visible anymore…

                    Would really appreciate finding some solution for this! Going back to the old version for example, if that's possible…

                    Thanks a lot for your help as always!!!

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

                      Dear @benjaminlr
                      ah! Super cool work!
                      Yes, I think I know where the problem is:
                      The new carousel might have trouble of displaying the arrows outside.
                      We will have a look.

                      Best!

                      Marius

                      www.mariusjopen.world

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

                        Its not possible but I will create an option for it, I wrote it down.

                        I sent you a link to an old version.

                        1 Reply Last reply Reply Quote 0
                        • T
                          thearlman last edited by

                          Hey there!
                          Thanks for the great work.
                          Did anyone find a workaround for this yet?
                          Or has the feature been upgraded?
                          Unfortunately the buttons don't seem to respond to any CSS, even with the evil !important...

                          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