Carousel Add On | Speed and Caption

[irvdys]

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

[Richard]

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' ?

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

[Falk]

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

[Richard]

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

[Falk]

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

[Richard]

Dear @Falk

I believe it didn't work because I was using different carousel settings to you:

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

[Falk]

Dear @Richard-K

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

Many thanks
Best
Falk