Form Formatting « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

aum302
Member

Hi,

I have noticed that the space/gap between various Form Fields in the two Forms I have created is not equal. That makes the forms look very odd and also wastes real estate on the page.

Pls have a look at the following URLs as a reference:

1. Sidebar Optin Form

http://bookrecommendations.org/lolita-by-vladimir-nabokov/

(Gaps between 'My all time favorite book is' & 'Email', 'Email' & 'I am a' and then, 'I am a' and 'Submit button' fields)

2. Contact Form

http://bookrecommendations.org/contact/

(For example: gaps between 'Name' & 'Email', 'Website' & 'I am a' and then, 'Message & 'Get Updates' fields)

Pls let me know how to get the space/gap between various Form Fields, Buttons etc.exactly the same.

Thanks.

Posted 11 years ago on Wednesday June 5, 2013 | Permalink

This is a product of your theme:

[css]
input[type=text], textarea {
margin: 0 0 20px 0;
border-style: solid;
border-width: 1px;
border-color: #dcdcdc;
font-size: 12px;
width: 90%;
padding: 10px;
}

That margin is your issue.

Just place the following in your theme's stylesheet (or wherever you are instructed to place custom CSS at the theme level).

[css]
body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper textarea {
margin: 0;
}

Posted 11 years ago on Tuesday June 11, 2013 | Permalink

aum302
Member

Worked very well. Thanks so much.

Posted 11 years ago on Wednesday June 12, 2013 | Permalink
Rob Harrell
Member

Glad to help!

Posted 11 years ago on Wednesday June 12, 2013 | Permalink

This topic has been resolved and has been closed to new replies.