https://legacy.forums.gravityhelp.com/topic/moving-field-alignment Gravity Support Forums Topic: Moving Field Alignment en-US Mon, 20 Apr 2026 04:47:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/moving-field-alignment#post-47059 Sat, 21 Jan 2012 16:53:48 +0000 Richard Vav 47059@https://legacy.forums.gravityhelp.com/ <p>Sorry, forgot to mention that, I have found that if you paste anything into any of the boxes on the field editor that it rarely keeps it unless you manually edit it a bit before saving. </p> https://legacy.forums.gravityhelp.com/topic/moving-field-alignment#post-47058 Sat, 21 Jan 2012 16:49:53 +0000 jkjacobson 47058@https://legacy.forums.gravityhelp.com/ <p>That worked after some trial and error... interesting thing quirk you may or may not be aware of is that if you copy and paste "gf_right_half" into the CSS Name box it looks fine, click UPDATE FORM and .... it doesn't take. After trying several times I realized through trial and error that it has to be MANUALLY TYPED IN in order for it to stay saved in the CSS Name box once you click UPDATE FORM...</p> <p>Thanks though! It's exactly what I wanted. </p> https://legacy.forums.gravityhelp.com/topic/moving-field-alignment#post-47057 Sat, 21 Jan 2012 16:04:59 +0000 Richard Vav 47057@https://legacy.forums.gravityhelp.com/ <p>Ok so looking at the email and phone fields first you need to edit the email field and on the advanced tab add gf_left_half to the css class name box. Next edit the phone field and add gf_right_half to the css class name box, adding those class names should once you save and preview your form place those two fields side by side. For future reference this page of the documentation tells you all about all the ready-made classes you can use. <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>Now for your second issue if add something like the following to your stylesheet changing the 25px to whatever figure you want should increase the gap between the dropdown and the comment box.</p> <pre><code>#field_1_4{margin-top:25px}</code></pre> <p>Check out the following page of the documentation for more examples of how to target and style specific gravity forms elements <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> </p> https://legacy.forums.gravityhelp.com/topic/moving-field-alignment#post-47055 Sat, 21 Jan 2012 15:37:16 +0000 jkjacobson 47055@https://legacy.forums.gravityhelp.com/ <p>Is it possible using custom CSS to place 2 fields side by side rather than in a vertical hierarchy?</p> <p>If you visit <a href="http://www.campeau.j2webworks.com/contact" rel="nofollow">http://www.campeau.j2webworks.com/contact</a> you see the default means of display. What I would like is for the Phone field to be to the right of the Email field (directly under the Last Name).</p> <p>Also I want to add additional spacing (padding) between the Drop down field and the larger comment box. If I had to add top padding to all the fields using CSS that would suffice. </p>