How to Change the Speed of the Background Slider in Zelle

In this document, we will show you how to change the speed of the background slider in Zelle theme. First of all, please make sure that you're using a child theme.

1. Create a folder called js in your child theme.

2. Copy the zerif.js file from the js folder of Zelle theme to the previously mentioned folder.

3. Open js > zerif.js and locate the following part of code:

/** BACKGROUND SLIDER ***/
jQuery(document).ready(function(){
	if ( jQuery('.fadein-slider .slide-item').length > 1 ) {
		jQuery('.fadein-slider .slide-item:gt(0)').hide();
		setInterval(function(){
			jQuery('.fadein-slider :first-child').fadeOut(2000).next('.slide-item').fadeIn(2000).end().appendTo('.fadein-slider');
		}, 10000);
	}
});

4. Change the value of  10000 to a value which suits your requirements, it is also good practice to change the other values to match such as having all 3 values at 2000.