https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field Gravity Support Forums Topic: Change width of Name field en-US Mon, 20 Apr 2026 12:04:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47597 Fri, 27 Jan 2012 17:17:01 +0000 lucasgrav 47597@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob.<br /> Thanks Richard. </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47596 Fri, 27 Jan 2012 17:12:59 +0000 Richard Vav 47596@https://legacy.forums.gravityhelp.com/ <p>Lucas, if you want to learn more about CSS you might want to check out the w3schools website where there are tutorials for the various web development techs including HTML and CSS<br /> <a href="http://www.w3schools.com/" rel="nofollow">http://www.w3schools.com/</a></p> <p>Richard </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47593 Fri, 27 Jan 2012 17:06:18 +0000 Rob Harrell 47593@https://legacy.forums.gravityhelp.com/ <p>You would just change the width value of #field_1_1 to be smaller in width. </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47588 Fri, 27 Jan 2012 16:46:00 +0000 lucasgrav 47588@https://legacy.forums.gravityhelp.com/ <p>One more question, on my site, <a href="http://173.254.15.37/nwtm/" rel="nofollow">http://173.254.15.37/nwtm/</a> The blue space between the first name and the last name, right in between them, how do I reduce the space? </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47583 Fri, 27 Jan 2012 16:20:01 +0000 lucasgrav 47583@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob! Worked this time. Thanks for you time, too. </p> <p>By the way, is there anything that teaches you what the !important rule is? For the future.</p> <p>Again, thanks. </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47582 Fri, 27 Jan 2012 16:13:05 +0000 Rob Harrell 47582@https://legacy.forums.gravityhelp.com/ <p>Sometimes, you will need to use !important to override other styles, in this case you will need to set a width on the outer li and then set the two input IDs individually in conjunction with the !important tag so it overrides the width: 95% coming from our stylesheet:</p> <pre><code>[css] #field_1_1 { width: 520px; } #input_1_1_3 { width: 200px !important; } #input_1_1_6 { width: 300px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47579 Fri, 27 Jan 2012 16:07:45 +0000 lucasgrav 47579@https://legacy.forums.gravityhelp.com/ <p>Hmm... Doesn't seem to work. I used the firebug and looked for the ID of the first name, which is 1_1_3 and the last name is 1_1_2.</p> <p>Because I need the first name field 200px and the last name field 300px. Am I doing something wrong? </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47578 Fri, 27 Jan 2012 16:04:24 +0000 Rob Harrell 47578@https://legacy.forums.gravityhelp.com/ <p>No problem Lucas, we're here for ya. I think those free tools above will make your life a lot easier. That's how we are able to pinpoint and identify what you should be targeting. </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47577 Fri, 27 Jan 2012 16:03:26 +0000 lucasgrav 47577@https://legacy.forums.gravityhelp.com/ <p>Thank you Rob. Sorry for all these questions I've been asking. I'm new at this. </p> <p>Regards,</p> <p>-Lucas </p> https://legacy.forums.gravityhelp.com/topic/change-width-of-name-field#post-47575 Fri, 27 Jan 2012 16:01:05 +0000 Rob Harrell 47575@https://legacy.forums.gravityhelp.com/ <p>In your instance, add this:</p> <pre><code>[css] #field_1_1 { width: 300px; }</code></pre> <p>Each field has it's own ID, so you can style them however you'd like with each selector. I highly recommend checking out Firebug for FireFox or using Google Chrome Developer Tools to inspect your page and find the ID's and classes that you would need to target appropriately. That should help you out here. </p>