queue  41
support
Results 1 to 3 of 3

Thread: Modify Timing for Slides in Home Gallery

  1. #1

    Modify Timing for Slides in Home Gallery

    Hi, I would like to shorten the amount of time between slides in my Home Gallery. How would I do this? I currently am using this CSS code for the home slider:

    Code:
    .home-slider .slides li:before {
    opacity: 0.2;
    }
    Thank you!

  2. #2
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    2,078
    Hi, In the theme's folder, navigate to js/scripts.js and open it in a code editor application.

    Around line #63 you'll notice the following code:
    Code:
    // Initialize Sliders
    
        jQuery('.home-slider').flexslider({
            directionNav: false
        });
    Change it to this:

    Code:
    // Initialize Sliders
    
        jQuery('.home-slider').flexslider({
            directionNav: false,
            slideshowSpeed: 5000,   /* add this line */
        });
    Tweak 5000 as desired, 5000 = 5 sec.
    Save the file and place it back on the server overwriting the one which was there before.
    Make sure "js compression" is set to disabled in the theme options panel in the WP admin.

  3. #3
    Quote Originally Posted by Donagh View Post
    Hi, In the theme's folder, navigate to js/scripts.js and open it in a code editor application.

    Around line #63 you'll notice the following code:
    Code:
    // Initialize Sliders
    
        jQuery('.home-slider').flexslider({
            directionNav: false
        });
    Change it to this:

    Code:
    // Initialize Sliders
    
        jQuery('.home-slider').flexslider({
            directionNav: false,
            slideshowSpeed: 5000,   /* add this line */
        });
    Tweak 5000 as desired, 5000 = 5 sec.
    Save the file and place it back on the server overwriting the one which was there before.
    Make sure "js compression" is set to disabled in the theme options panel in the WP admin.
    Thank you, Donagh! I'll give this a try.