Slideshow Speed

Hi,

Can you tell me that which slide show animation style are you using.

Thanks

Slider Animation 1

Ok,

There we have 6s delay option,

So can you tell me that how much delay do you want to apply on slider?

Thanks

15 seconds

Ok,

Follow my steps here :-

Step-1 : Open your plugin directory and then open admin-custom-login folder.

Step-2 : Now open css folder, here you will see a file name is slider-style1.php open it on any editor.

Step-3 : go to near line number 49 and find below css there –

.cb-slideshow li:nth-child(2) span {
    background-image: url('<?php echo $Slidshow_image_2 ; ?>');
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url('<?php echo $Slidshow_image_3 ; ?>');
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url('<?php echo $Slidshow_image_4 ; ?>');
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url('<?php echo $Slidshow_image_5 ; ?>');
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url('<?php echo $Slidshow_image_6 ; ?>');
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}

Step-4 : Now replace with below code –

.cb-slideshow li:nth-child(2) span {
    background-image: url('<?php echo $Slidshow_image_2 ; ?>');
    -webkit-animation-delay: 15s;

 -moz-animation-delay: 15s;
    -o-animation-delay: 15s;
    -ms-animation-delay: 15s;
    animation-delay: 15s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url('<?php echo $Slidshow_image_3 ; ?>');
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url('<?php echo $Slidshow_image_4 ; ?>');
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url('<?php echo $Slidshow_image_5 ; ?>');
    -webkit-animation-delay: 45s;
    -moz-animation-delay: 45s;
    -o-animation-delay: 45s;
    -ms-animation-delay: 45s;
    animation-delay: 45s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url('<?php echo $Slidshow_image_6 ; ?>');
    -webkit-animation-delay: 60s;
    -moz-animation-delay: 60s;
    -o-animation-delay: 60s;
    -ms-animation-delay: 60s;
    animation-delay: 60s;
}

Check screenshot for more help.

Step:5 – Now save your code.

Let me know if it’s work.

Thanks