Don't know how to change autoplay speed in loaded theme

#1

https://bootstrapmade.com/demo/themes/Delicious/

How can i change Speed of slides in main section?
It’s owlCarousel, but don’t know where i need to change it :slight_smile:

image
image1883×769 436 KB

#2

Hello there,

If you are referring to how often the slides automatically change, then it is in this object here:

const Default = {
  interval : 5000,
  keyboard : true,
  slide    : false,
  pause    : 'hover',
  wrap     : true,
  touch    : true
}

Change the interval to have a value of whatever you want (in milliseconds).

Hope this helps

#3

Can’t find this fragment of code…

#4

There should be a carousel.js file somewhere, which contains the above mentioned object.

#5

https://bootstrapmade.com/demo/themes/Delicious/assets/js/main.js

#6

It doesn’t works…
image

#7

All i have about intro

image
image1251×511 66.4 KB

#8

It is very difficult to work off of screenshots of code. Would you mind creating a CodeSandbox, or Repl.it or similar with your code? Then, share the link.

The slide interval is set in one of two places:

  1. The class constructor config argument:
class Carousel {
  constructor(element, config) {
  1. The default properties object (the code in my first reply)

So, if the default has been overridden, it will be because of the config.

1 Like
#9

Found the solution. It was bootstrap Carousel.

Added in js:

$('.carousel').carousel({
    interval: 4000,
    keyboard: true
  })
1 Like
#10