Float Gravity Forms Over Front Page 1 Background Image In Infinity Pro

This tutorial floats the Gravity Forms widget to the right of the hero text in the Infinity Pro themes front page 1 background image.

Requires the use of the Gravity Forms plugin.

The code produces a mobile responsive solution as seen in the following video demo :

Demo Video #

Shows a Gravity Forms form floated right of the hero text and centered above the form on smaller screens with a Dashicon down arrow replacing the SVG right arrow.

Code Installation #

There’s 5 steps relating to usage of the files inside the download folder :

Related Tutorials

• Overlay Gravity Forms On Digital Pro’s Front Page 1 Widget Background Image