https://legacy.forums.gravityhelp.com/topic/name-email-and-phone-fields Gravity Support Forums Topic: Name Email and Phone Fields en-US Mon, 20 Apr 2026 01:23:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/name-email-and-phone-fields#post-77120 Mon, 24 Sep 2012 09:54:56 +0000 wmcdonald 77120@https://legacy.forums.gravityhelp.com/ <p>WOW thanks! Appreciate your help! Thank you. </p> https://legacy.forums.gravityhelp.com/topic/name-email-and-phone-fields#post-76944 Sun, 23 Sep 2012 02:10:05 +0000 Chris Hajer 76944@https://legacy.forums.gravityhelp.com/ <p>1. Bullets: see this FAQ item:<br /> <a href="http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/" rel="nofollow">http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/</a></p> <p>Adding this CSS to your mobile.css removed the bullets for me:</p> <pre><code>[css] body .gform_wrapper form .gform_body ul, body .gform_wrapper form .gform_body ul li { list-style-type: none !important; list-style-image: none !important; list-style: none !important; background-image: none !important; background: none !important; padding: 0 !important; margin: 0 !important; border: none !important }</code></pre> <p>2. For the first and last name labels, I think you might want to use placeholder text and position the labels inside the form inputs. There is a new plugin which claims to do just that (it's not currently a feature of Gravity Forms): <a href="http://wordpress.org/extend/plugins/gravity-forms-placeholders/" rel="nofollow">http://wordpress.org/extend/plugins/gravity-forms-placeholders/</a> If you are using a "Normal" name field, the First and Last are actually sub labels. It will be easier to position them where you want them if you have two separate text inputs and give them labels of First Name and Last Name.</p> <p>3. Add white space above and below the submit button: add this to your theme's mobile.css:</p> <pre><code>[css] body .gform_wrapper .gform_footer .gform_button { margin: 20px 0; }</code></pre> <p>4. Extend the width of the input fields: add this to your mobile.css:</p> <pre><code>[css] body .gform_wrapper .gform_body input[type=&quot;text&quot;] { width: 300px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/name-email-and-phone-fields#post-76899 Sat, 22 Sep 2012 13:10:35 +0000 wmcdonald 76899@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>Here is the link to the form on my mobile contact page:</p> <p><a href="http://www.guitarpianolessons.com/contact-mobile/" rel="nofollow">http://www.guitarpianolessons.com/contact-mobile/</a></p> <p>I'm not sure why there are bullets outside of the wrapper. Do I need them? If not how to get rid of them?</p> <p>Also, trying to find a way to edit the labels for First and Last Name fields. Is there a way to position them somewhere else. Perhaps above the input boxes or even inside the input boxes?</p> <p>Another issue I'm trying to resolve is adding some white space (verticle space) above and below the submit button. The reason is make it easier to touch tap.</p> <p>Finally I've been trying to extend the width of the input boxes. How do I approach that?</p> <p>I was able to reduce the width of the paragraph textarea with this little bit of css:<br /> <pre><code>[css] .gform_wrapper .ginput_container textarea.medium { max-width: 299px; }</code></pre> <p>But I have not been able to successfully edit (extend) the width of the other input boxes. I've been reading through the forum posts and documentation. Honestly, most of this info is way over my head. I'm just a musician, the documentation is like a foreign language to me. I'm lost most of the time when reading this stuff. :)</p> <p>Any ideas or code most appreciated.</p> <p>Thank you,</p> <p>-Warren </p>