https://legacy.forums.gravityhelp.com/topic/using-gf_inline-to-put-citystatezip-on-the-same-line Gravity Support Forums Topic: Using gf_inline to put City/State/Zip on the same line en-US Mon, 20 Apr 2026 06:23:04 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/using-gf_inline-to-put-citystatezip-on-the-same-line#post-57526 Wed, 02 May 2012 20:30:57 +0000 regsiteadmin 57526@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob! That did it. </p> https://legacy.forums.gravityhelp.com/topic/using-gf_inline-to-put-citystatezip-on-the-same-line#post-57512 Wed, 02 May 2012 17:47:47 +0000 Rob Harrell 57512@https://legacy.forums.gravityhelp.com/ <p>The ready classes won't apply to the Advanced Grouping Fields. You will need to target with CSS. Just doing a quick tinker I came up with this as a starting point:</p> <pre><code>[css] #input_1_21_4_container { width: 20% !important; float: left; display: inline-block; } #input_1_21_5_container { float: left; width: 30%; display: inline-block; }</code></pre> <p>Play around with those selectors. Otherwise you'll need to create your own, individual address fields to which at that point, you can use the ready classes. </p> https://legacy.forums.gravityhelp.com/topic/using-gf_inline-to-put-citystatezip-on-the-same-line#post-57511 Wed, 02 May 2012 17:35:20 +0000 regsiteadmin 57511@https://legacy.forums.gravityhelp.com/ <p>Sorry, meant to include this: <a href="http://nccsite.com/hhs_osdbu_temp/registration/" rel="nofollow">http://nccsite.com/hhs_osdbu_temp/registration/</a> </p> https://legacy.forums.gravityhelp.com/topic/using-gf_inline-to-put-citystatezip-on-the-same-line#post-57509 Wed, 02 May 2012 17:34:20 +0000 regsiteadmin 57509@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Sorry if this has been answered, but I've looked around the forum for a few hours and haven't been able to get this working the way I want.</p> <p>I'd like to have the City, State, and Zip fields displayed in the same line within the Address advanced field. I added</p> <pre><code>#input_1_21_4 { width: 25% !important; } #input_1_21_5 { width: 25% !important; }</code></pre> <p>(where 21_4 is State and 21_5 is Zip) to adjust the width of the State and Zip fields so that they'd fit together, but I'm not sure how to use gf_inline to put them one the same line. I added it to the CSS Class Name with no effect.</p> <p>Any help is appreciated. </p>