To set up the contact us form like our demo, do the following within the Gravity Forms form definition page:
Form Settings
In the Form Settings fill in the “CSS Class Name” settings field with gforms-placeholder
Name, Email & Phone Fields
On the right side of the screen choose -> Advanced Fields
Click: Name, Email & Phone to add to form
Edit Name Field:
– Edit Format -> Choose: Simple
Edit all Fields:
Under Advanced Tab
– Field Size -> Select: Large
– Input Default Value (Ex: Name)
– Input CSS Class Name to each field:
– for Name enter “alignleft name”
– for Email enter “alignleft email”
– for Name enter “alignleft phone”
Comment Field
On the right side of the screen choose -> Standard Fields
Click : Paragraph Text to add to form
Edit Paragraph Text Field:
-Input Field Label
Under Advanced Tab
– Field Size -> Select: Medium
– Input Default Value (Ex. Comment)
– Input CSS Class Name “alignright comment”
Save Form
