How to Replace the Main Background Image with Revolution Slider in the Cafe Pro Theme by Genesis

I noticed a lot of people asking about this, so here’s the solution!

  1. Download Slider Revolution from Code Canyon and install it per Code Canyon’s instructions.
  2. Navigate to this folder: /public_html/wp-content/themes/cafe-pro via FTP.
  3. Open the front-page.php file and right before this last bit of code:

    Add this code:

  4. Save the file. This adds the Revolution Slider to our Home Page template.
  5. Open up the Cafe Pro theme’s style.css (/public_html/wp-content/themes/cafe-pro/style.css) file and add this code:

    If you look at the site now, you will see it isn’t quite there yet.
    We need to comment out some JavaScript that is conflicting with our CSS.

  6. Open up the home.js file (/public_html/wp-content/themes/cafe-pro/js/home.js) and comment out both instances of this code:

You did it!