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. Addons
  3. Carousel Add On | Speed and Caption

Carousel Add On | Speed and Caption

Scheduled Pinned Locked Moved Addons
7 Posts 3 Posters 440 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.
  • irvdysI Offline
    irvdysI Offline
    irvdys
    wrote on last edited by
    #1

    Hi there!

    I am workin' on a laytheme website for a client at the moment and everything works well.

    But there are two wishes according to the add on:

    1. Can we change the speed of the fading on autoplay slides, at the moment they are very fast, the fade between images, fells very stressful.

    2. Is it possible to show the caption on gridder for each images on slide? If the slide only have one same caption, we must copy paste the same caption in each images?

    Thanks guys,
    have great day!

    Irvan

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear Irvan @irvdys

      Q1: Apologies if you have seen this and you are looking for a different option, but have you tried changing the speed within 'Carousel Options' ?
      Screen Shot 2020-11-28 at 1.20.06 PM.png

      Q2: At this point in time you cannot apply one caption automatically across all slides unfortunately

      Hope this helps, let me know if you have any more questions :)

      Have a wonderful day

      Richard

      1 Reply Last reply
      0
      • F Offline
        F Offline
        Falk
        wrote on last edited by
        #3

        Hello everybody!

        knowing how to change the speed of the transition between slides would be a great help for me, too. I know there have been earlier discussions about this but I can't help myself. I have tried to use the .swiper-wrapper to address the slide but unfortunately I have too little css experience.

        i will have a look at the css course but i would be grateful for any support

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear Irvan @irvdys & @Falk

          I wasn't thinking properly earlier,

          Its a bit rough but here is some CSS that applied within 'Lay Option - Custom CSS & HTML' should alter the transition speed:

          .lay-carousel.transition-fading .lay-carousel-slide.transition {
              -webkit-transition: opacity 3100ms ease-out;
              -o-transition: opacity 3100ms ease-out ;
              transition: opacity 3100ms ease-out ;
          }
          

          Changing the 'ms' to your choice of speed.

          Hope this helps! :)

          Best wishes, thank you for using Lay Theme and have a lovely day
          Richard

          1 Reply Last reply
          0
          • F Offline
            F Offline
            Falk
            wrote on last edited by
            #5

            Dear Richard, thank you so much for your support.

            Your Idea didn't fix my issue but it got me a bit further. I managed to change the speed of the transition by alter the swipe container:

            .lay-carousel .swiper-container .swiper-slide, .swiper-wrapper {
            transition-duration: 10s !important;
            }

            Now I'm a bit confused, because it is doing what I want after the first two slides. In the end it is spinnig backwards. I want it to continues sliding in that transition-duration of 10s. Maybe you can have a look at my site http://dasfolk.de/

            But anyway. Big Thanks and love to Lay Theme

            1 Reply Last reply
            0
            • RichardR Offline
              RichardR Offline
              Richard
              Global Moderator
              wrote on last edited by
              #6

              Dear @Falk

              I believe it didn't work because I was using different carousel settings to you:
              Screen Shot 2020-12-10 at 10.35.02 PM.png

              Screen Shot 2020-12-10 at 10.35.24 PM.png

              I have changed my settings to 'slide' ( i really didnt have my head screwed on sorry ;(

              This definitely works for me :

              .swiper-wrapper {
                  transition-duration: 700ms !important;
              }
              

              Let me know, sorry for taking so many tries to get on your wavelength! :)

              Best wishes
              Richard

              1 Reply Last reply
              0
              • F Offline
                F Offline
                Falk
                wrote on last edited by
                #7

                Dear @Richard-K

                I am really grateful for your help. Not yet 100% what I imagine but already very close.

                Many thanks
                Best
                Falk

                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
                arminunruhA
                arminunruh
                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