Sridhar Katakam

Genesis and WordPress Tutorials

Front Page 1 background slider in Infinity Pro using Featured Galleries and Backstretch

by 3 Comments

This is similar to my other tutorial titled How to replace Front Page 1 background image in Infinity Pro with rotating images using Backstretch and Soliloquy regarding the end result but instead of using Soliloquy, we are going to use the images uploaded via Featured Galleries plugin as detailed in this tutorial.

Step 1

Install and activate Featured Galleries.

Step 2

Create a static Page named say Home and set it as the front page at Settings > Reading.

Step 3

Edit the Home Page and upload your desired background images for Front Page 1 in the Featured Gallery meta box.

Step 4

Upload jquery.backstretch.min.js to child theme's js directory.

Create a filed named say, backstretch-init.js in the same location having this code:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Awesome! This worked perfectly 🙂 Thank you so much!

    I do have a question. How do I slow down how fast the images switch?

    $backstretchedElement.backstretch( images,{
    duration: 3000,
    fade: 750

    I edited the duration in the code above but that doesn’t seem to be doing anything.

    Reply
    • >