https://legacy.forums.gravityhelp.com/topic/address-field-labels-appearing-above Gravity Support Forums Topic: Address Field Labels Appearing Above en-US Mon, 20 Apr 2026 01:24:23 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/address-field-labels-appearing-above#post-43796 Mon, 12 Dec 2011 14:59:47 +0000 Rob Harrell 43796@https://legacy.forums.gravityhelp.com/ <p>Hey Nick, looks like in your base.css you have:</p> <pre><code>[css] input[type=&quot;text&quot;], input[type=&quot;password&quot;], input[type=&quot;email&quot;], textarea, select { border: 1px solid #CCC; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px &quot;HelveticaNeue&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; color: #777; margin: 0; min-width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: white; }</code></pre> <p>That margin seems to be the culprit when it comes to the address field. The labels are on top of the fields, but these sub-labels are set to show underneath the inputs. Try this in your theme's stylesheet, which should make those sublabels closer to their inputs:</p> <pre><code>[css] .ginput_complex input[type=&quot;text&quot;], .ginput_complex input[type=&quot;password&quot;], .ginput_complex input[type=&quot;email&quot;], .ginput_complex textarea, .ginput_complex select { margin: 10px 0 0 0 !important; }</code></pre> <p>If you don't want them showing that way after this, you might be better off creating your own address fields separately. </p> https://legacy.forums.gravityhelp.com/topic/address-field-labels-appearing-above#post-43789 Mon, 12 Dec 2011 14:17:48 +0000 nickmolnar 43789@https://legacy.forums.gravityhelp.com/ <p>I'm trying to make the Advanced Address field work with my theme. Currently, the labels are appearing (both on screen and in the HTML) below the fields in the address section, despite the theme being set to have labels on top. </p> <p>Is there an easier way to flip these than going through the Plugin itself and changing the layout. </p> <p><a href="http://nicholasmolnar.com/radsocks/?page_id=18" rel="nofollow">http://nicholasmolnar.com/radsocks/?page_id=18</a> </p>