Slideshow Speed

Hi,

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

Thanks

Ok,

There we have 6s delay option,

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

Thanks

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