Essence Pro – Replace Hero Image On Front Page With Revolution Slider

This tutorial provides the code which enables you to replace the header hero image on the front page of the Essence Pro child theme with the Revolution slider.

Demo Video #

Shows revolution slider displaying on the front page of the Essence Pro child theme replacing the default header hero image on desktop computers only.

In this example, the slides display on screen widths greater than 1023px. Below this screen width, the default header hero image displays with the standard gradient effect.

Note : Tested using Revolution Slider Version 5.3.1.5

Code Installation #

There’s 2 steps :