https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column Gravity Support Forums Topic: Upgrade to 1.4: Form is one LONG column en-US Sun, 19 Apr 2026 23:39:58 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-10572 Wed, 29 Sep 2010 12:55:11 +0000 Kevin Flahaut 10572@https://legacy.forums.gravityhelp.com/ <p>Yep, it's all just CSS. You'll need to append that to the end the file where you put any custom CSS. I'm really not that familiar with Headway, so there may be a custom field in the admin where you put your custom CSS rules. </p> https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-10570 Wed, 29 Sep 2010 12:51:27 +0000 bluntnyc 10570@https://legacy.forums.gravityhelp.com/ <p>Kevin,</p> <p>I'm trying to implement your suggestion in Headway to get my alignment right, but I'm not sure where you are suggesting putting the code</p> <p>.gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input {margin-top:5px !important}</p> <p>I'm new to all of this, but the first part of that doesn't look like CSS, and the last part does. Some clarification would be greatly appreciated.</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-9959 Thu, 16 Sep 2010 12:39:43 +0000 Kevin Flahaut 9959@https://legacy.forums.gravityhelp.com/ <p>looks like you're almost there. You can try something like this to tweak the alignment on the checkbox/radio buttons.</p> <p><code>.gform_wrapper .gfield_checkbox li input[type=&quot;checkbox&quot;], .gform_wrapper .gfield_radio li input[type=&quot;radio&quot;], .gform_wrapper .gfield_checkbox li input {margin-top:5px !important}</code> </p> https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-9956 Thu, 16 Sep 2010 11:14:47 +0000 mack785 9956@https://legacy.forums.gravityhelp.com/ <p>Thanks to you both. I did need to re-check output CSS. That solved the display problem for the first section of the form which was the pre-configured name-address block. The other sections are still a little off.</p> <p>As soon as I figure out what the actual code is to to disable the block rule -- without modifying the headway.css file I will try it. </p> https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-9950 Thu, 16 Sep 2010 10:56:36 +0000 Kevin Flahaut 9950@https://legacy.forums.gravityhelp.com/ <p>2 things here that I see.</p> <p>1. The default forms.css file isn't being loaded so you're not getting those styles. Check to make sure that the "output CSS" option is set to "yes" in your form settings.</p> <p>2. On line 324 of your headway.css file, there is a blanket "display:block" rule for labels that is forcing all of them to a new line.</p> <p><a href="http://www.aipathome.com/wp-content/themes/headway-166/media/cache/headway.css?1284645128" rel="nofollow">http://www.aipathome.com/wp-content/themes/headway-166/media/cache/headway.css?1284645128</a></p> <p>You can see from my <a href="http://grab.by/grabs/1e894bc9d24226276591e09a7a408853.png" rel="nofollow">screenshot</a> that if you disable that rule, the labels move to the right position. </p> https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-9949 Thu, 16 Sep 2010 10:55:12 +0000 Carl Hancock 9949@https://legacy.forums.gravityhelp.com/ <p>Your site is not outputting the Gravity Forms stylesheet which is why the form is unstyled. I'm not sure if you have turned this off or if something is wrong. Check the Settings page (Forms &gt; Settings) and make sure CSS output is turned ON. </p> https://legacy.forums.gravityhelp.com/topic/upgrade-to-14-form-is-one-long-column#post-9945 Thu, 16 Sep 2010 08:33:19 +0000 mack785 9945@https://legacy.forums.gravityhelp.com/ <p>After manually updating to 1.4 our subscription form now is now one very long column:</p> <p><a href="http://www.aipathome.com/about-us/subscribe/" rel="nofollow">http://www.aipathome.com/about-us/subscribe/</a></p> <p>I tried adding the code recommended for Thesis theme for extra padding, etc.-- that did not help. </p> <p>What do I need to do to 'un-columnize' it?</p> <p>Thanks! </p>