• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2551

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Register
  • Videos
  • Log in

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 :

Register for full access

Related Tutorials

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

Background Image Infinity Pro

Primary Sidebar

How it works :

I write tutorials for you which include the custom code you need for a flat $49.99 fee. You get 1 tutorial request as well as access to all 2500+ existing tutorials for 1 month.

  • Premium Members Only
  • Access Premium Tutorials
  • Support