WP SITES

Log in

Add Slider To Infinity Pro Front Page 1 Widget Background

—

by

Brad Dalton

This solution replaces the background image behind the front page 1 widget area in Infinity Pro with a slider like this :

The solution works on screen resize so the mobile menu icon pushes the responsive menu down below 800px without the need to reload the page and without displaying the mobile menu over the image.

Note : You can use this solution in most Genesis child themes, support for which is provided to registered users.

Installation #

There’s 3 steps after you download the download folder :

Register or login to access the download folder & installation instructions :

Register for full access

Related Tutorials

Comments

10 responses to “Add Slider To Infinity Pro Front Page 1 Widget Background”

  1. John Aluotto Avatar
    John Aluotto

    Hello,

    I was able to add this slider to the homepage but I want it to be fixed in the viewport without any scroll. How is the best way to accomplish this?

    1. Brad Dalton Avatar
      Brad Dalton

      Hi John

      There is some additional work involved to do this. You are welcome to request a custom tutorial. https://wpsites.net/product/hourly-consulting/

      1. John Aluotto Avatar
        John Aluotto

        Is it just editing the css of front-page-1. Can you provide me with the code? I don’t need a full tutorial

        1. Brad Dalton Avatar
          Brad Dalton

          I would need to install the code in a fresh installation of Infinity Pro and then take a look at what modifications you want done. This is not something i include in membership unless its a 2 minute job.

          1. John Aluotto Avatar
            John Aluotto

            Ok…I’m close to getting it. I already spent the money on membership and the tutorial worked, so thank you for that. I will try and figure out on my own.

          2. John Aluotto Avatar
            John Aluotto

            Also there are no arrows for slider navigation. Is this an additional fee as well?

    2. John Aluotto Avatar
      John Aluotto

      Hello, I am not sure what happened to my comment about slider arrows. How do I add the arrows back? I don’t see a css file or any where to adjust the slider settings.

      1. Brad Dalton Avatar
        Brad Dalton

        There are none for this method. If you want slider navigation, you’ll need to use another of these tutorials.https://wpsites.net/?s=infinity+pro+slider

  2. Jason Halsey Avatar
    Jason Halsey

    Is it possible to still have content further down the page?

    1. Brad Dalton Avatar
      Brad Dalton

      Yes, this solution only replaces the front page 1 widget background image with your slider. Did you finish installation successfully or do you need help?

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.