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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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 Theme

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems