Page 1 of 1

Transition time of carousel

Posted: 20 Mar 2020, 05:10
by metallissimus
Hello,

is it possible to set a transition time for the carousel plugin? I'd like to slow it down a litte.

Re: Transition time of carousel

Posted: 20 Mar 2020, 05:54
by mjau-mjau
You mean the GALLERY carousel plugin? In gallery carousel layout settings, you already have "Autoplay interval". If you mean the carousel plugin for custom CONTENT, you have the data-carousel-autoplay=3000 attribute.

Re: Transition time of carousel

Posted: 20 Mar 2020, 06:10
by metallissimus
I am referring to the carousel plugin for content, but I don't mean the interval between elements, I mean the actual duration of the transition.

Re: Transition time of carousel

Posted: 20 Mar 2020, 22:50
by mjau-mjau
There is no "option" for this in the content carousel plugin, as it uses CSS transitions. You can however override the CSS transition by doing the following: Add a custom class to the carousel container, for example class="mycarousel":
Code
<div data-carousel data-carousel-items=3 data-carousel-loop=true data-carousel-dots=true data-carousel-autoplay=3000 data-carousel-responsive=true data-carousel-shuffle=false class="mycarousel">
Add the following to Settings > Custom > Custom CSS:
Code
.mycarousel .owl-stage {
    transition: all 2s !important;
}
In the above, duration is set to two seconds. You can change it to whatever you like, including decimals, for example 2.5s or 0.2s.

Re: Transition time of carousel

Posted: 24 Mar 2020, 11:31
by metallissimus
Thank you!