https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right Gravity Support Forums Topic: Title to teh left and form field to the right? en-US Mon, 20 Apr 2026 12:07:30 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63210 Thu, 21 Jun 2012 16:07:12 +0000 Rob Harrell 63210@https://legacy.forums.gravityhelp.com/ <p>I've implemented <a href="http://www.wduffy.co.uk/jLabel/" rel="nofollow">this</a> for a client that worked great, its semantic and has good fall-back support and validation stays intact.</p> <p>There is also a variant way to do this here: <a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a> </p> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63202 Thu, 21 Jun 2012 14:14:16 +0000 bhibbs 63202@https://legacy.forums.gravityhelp.com/ <p>Ok thanks it does work.<br /> How do you get the default value placed in a field to disappear when you click in it?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63186 Thu, 21 Jun 2012 12:47:27 +0000 Rob Harrell 63186@https://legacy.forums.gravityhelp.com/ <p>It is making a change, see this <a href="http://www.evernote.com/shard/s212/sh/80d2a593-637a-46e7-8beb-f8b310eca3ec/4f7c6c299e8c80915758732482f7cfcc" rel="nofollow">screenshot</a></p> <p>You'll need to lower the height on that textarea, try 40px instead of 60px for example. IF you use chrome developer tools to inspect these elements you will see the styles are being applied and when you uncheck them in the inspector you will see the gap between each widen, so it is working. You're just going to have tinker around with it. Also, you can post on the job forum to hire a CSS developer to make any customizations that you are having issues with accomplishing. </p> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63183 Thu, 21 Jun 2012 12:37:58 +0000 bhibbs 63183@https://legacy.forums.gravityhelp.com/ <p>i dont see the update i put it in its own style inside the form in an html tag. </p> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63181 Thu, 21 Jun 2012 12:26:55 +0000 Rob Harrell 63181@https://legacy.forums.gravityhelp.com/ <p>It is there, it was just a super small change, I've updated that snippet above. Replace what you have with that. </p> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63170 Thu, 21 Jun 2012 11:51:27 +0000 bhibbs 63170@https://legacy.forums.gravityhelp.com/ <p>I placed that code in the form page in an html tag is that correct? Im not seeing a change?</p> <p>I would like the "content" text to the left of the radio buttons also </p> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-63017 Tue, 19 Jun 2012 15:16:15 +0000 Rob Harrell 63017@https://legacy.forums.gravityhelp.com/ <p>Brian, the problem with that is because you are using ready classes, the form requires you use the top label alignment. What field(s) in particular are looking to have the label to the left? This will most likely require custom CSS.</p> <p>This will tighten up those radio fields a bit:<br /> <pre><code>[css] #field_7_4, #field_7_5, #field_7_6, #field_7_7, li#field_7_4 .gfield_label, li#field_7_5 .gfield_label, li#field_7_6 .gfield_label, li#field_7_7 .gfield_label { margin: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/title-to-teh-left-and-form-field-to-the-right#post-62998 Tue, 19 Jun 2012 12:45:33 +0000 bhibbs 62998@https://legacy.forums.gravityhelp.com/ <p>Just want the field title to the left and the field to the right.</p> <p>I also am trying to adjust the padding of the radio buttons I have. They are to far apart.</p> <p>Any help appreciated.<br /> Here is the link:<br /> <a href="http://palcs.bhibbs.job.ana.io/" rel="nofollow">http://palcs.bhibbs.job.ana.io/</a><br /> Just click on give feedback button in lower-right corner.<br /> -Brian </p>