https://legacy.forums.gravityhelp.com/topic/fields-vertically-aligned-gf-markup-issue Gravity Support Forums Topic: fields vertically aligned: GF markup issue en-US Mon, 20 Apr 2026 01:40:19 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/fields-vertically-aligned-gf-markup-issue#post-90169 Mon, 12 Nov 2012 10:31:58 +0000 David Peralty 90169@https://legacy.forums.gravityhelp.com/ <p>So I tried:</p> <pre><code>.gform_wrapper textarea.textarea { width: 33.5% !important; }</code></pre> <p>And that changed it to be the same as the field above it in width. Let me know if that helps. </p> https://legacy.forums.gravityhelp.com/topic/fields-vertically-aligned-gf-markup-issue#post-90041 Mon, 12 Nov 2012 04:00:12 +0000 sandiegopchelp 90041@https://legacy.forums.gravityhelp.com/ <p>The form is at <a href="http://www.sandiegopchelp.com/services/mail-in-repair" rel="nofollow">http://www.sandiegopchelp.com/services/mail-in-repair</a></p> <p>For example, trying to shorten the length of "description of problem" so that it's the same length as the field above it "Device make and model." Then I would be putting the tooltips to the right of the fields. It would look great and be functional! </p> https://legacy.forums.gravityhelp.com/topic/fields-vertically-aligned-gf-markup-issue#post-89980 Mon, 12 Nov 2012 02:05:36 +0000 Chris Hajer 89980@https://legacy.forums.gravityhelp.com/ <p>Do you have a URL for the page where your form is embedded, and a description of which elements you want to align? </p> https://legacy.forums.gravityhelp.com/topic/fields-vertically-aligned-gf-markup-issue#post-89748 Sun, 11 Nov 2012 04:40:06 +0000 sandiegopchelp 89748@https://legacy.forums.gravityhelp.com/ <p>It seems as though you can't have fields vertically aligned to the middle of a page. The markup is generated by Gravity Form and can't be changed. Yes, CSS is something we can modify... but we cannot have UL LI markup changed to table - tr td markup, which is what would be required to have verticially aligned labels. </p> <p>From this thread: <a href="http://www.gravityhelp.com/forums/topic/vertical-alignment-of-field-labels" rel="nofollow">http://www.gravityhelp.com/forums/topic/vertical-alignment-of-field-labels</a></p> <p>"Because things are floated and you can have variable heights on things (inputs can be different heights than selects or textareas), there really is no silver bullet to align things to the middle of the space vertically with one declaration. The vertical-align CSS property is damn near useless these days and wouldn't work here, especially cross-browser. Line-height or padding will be your safest bet."</p> <p>Can't use padding either, as it will make changes to all of the fields, and to different browsers.. it reacts differently as all the elements are floated.</p> <p>I referred to <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a> but this didn't help either. Any ideas how to achieve this? </p>