I have attached a file with the css that controls the timing. You will notice that the top two elements "li span" and "li div" both have time settings divisible by 6, and the corresponding elements below them reflect this division. I tested it on my test site by setting the top two to 60s, and slide 2 "10s" slide 3 "20s" slide 4 "30s" slide 5 "40s" and slide 6 "50s". Slide 1 always starts at 0s. This set a 10 second delay on the slideshow instead of the original 6 second delay.
Just copy and paste the css in the file to the custom css in the admin panel.
Let me know if this helps, and I'll put it in the support section as well.
Having it in the settings wouldn't really be possible since there are multiple changes that work with each other.
You can adjust the timing to whatever you like. The initial setting was 6 seconds. I just moved it to 10 seconds to make sure it worked before posting it. Just remember to use increments of 6 so the timing can be applied across the 6 images.
For 2 minutes you would use 720s "6 x 120" in the first two elements. then apply that across the images. slide 2 "120s" slide 3 "240s" slide 4 "360s" slide 5 "480s" slide 6 "600s". That should display each image for 2 minutes before transitioning to the next.
ou mean 5 x 120 in the first two elements ??
.cb-slideshow li span {
-webkit-animation: imageAnimation 120s linear infinite 0s;
-moz-animation: imageAnimation 120s linear infinite 0s;
-o-animation: imageAnimation 120s linear infinite 0s;
-ms-animation: imageAnimation 120s linear infinite 0s;
animation: imageAnimation 120s linear infinite 0s;
}
.cb-slideshow li div {
-webkit-animation: titleAnimation 120s linear infinite 0s;
-moz-animation: titleAnimation 120s linear infinite 0s;
-o-animation: titleAnimation 120s linear infinite 0s;
-ms-animation: titleAnimation 120s linear infinite 0s;
animation: titleAnimation 120s linear infinite 0s;
}