https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong Gravity Support Forums Topic: CSS messed up. Labels and fields displaying wrong. en-US Mon, 20 Apr 2026 01:13:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong#post-66638 Tue, 17 Jul 2012 09:00:45 +0000 Rob Harrell 66638@https://legacy.forums.gravityhelp.com/ <p>Looks like you need to enqueue the scripts and styles for that form. Take a look here at the bottom of this page:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a> </p> https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong#post-66623 Tue, 17 Jul 2012 07:45:52 +0000 censura10 66623@https://legacy.forums.gravityhelp.com/ <p>Hi don't know why but the for will not display correctly</p> <p>if you view here<br /> <a href="http://www.isgquickpay.com/sme-payroll-cash-flow/" rel="nofollow">http://www.isgquickpay.com/sme-payroll-cash-flow/</a></p> <p>and click the How can we help button at the bottom you can see the issue</p> <p>hope you can help </p> https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong#post-62601 Thu, 14 Jun 2012 13:48:04 +0000 Rob Harrell 62601@https://legacy.forums.gravityhelp.com/ <p>It is, you can add some height to the inputs if you like. It's mainly because of the font-size declaration coming from your theme, again.</p> <p>Try dropping this in:</p> <pre><code>[css] .gform_wrapper input[type=&quot;text&quot;], .gform_wrapper input[type=&quot;url&quot;], .gform_wrapper input[type=&quot;email&quot;], .gform_wrapper input[type=&quot;tel&quot;], .gform_wrapper input[type=&quot;number&quot;], .gform_wrapper input[type=&quot;password&quot;] { height: 25px; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong#post-62596 Thu, 14 Jun 2012 13:37:50 +0000 jtoc9890 62596@https://legacy.forums.gravityhelp.com/ <p>That helped. It aligned the address area properly. Thank you.</p> <p>I still want to get this form looking much better than it does. The fields and drop downs are skinny and not large like I want, it also seems there is very little styling, very bland look. I'm not sure if this is just GF's default look, or the css of my template.</p> <p>A work in progress. Thanks </p> https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong#post-62585 Thu, 14 Jun 2012 13:00:50 +0000 Rob Harrell 62585@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms is setup to inherit styles from your theme if it contains references to form elements. This is actually just due to how CSS works and functions. This <a href="http://www.evernote.com/shard/s212/sh/e8799aca-f2b5-4a74-abf3-ce61b49491fe/e4e02a9dbbfc412e9b360afe40cae91b" rel="nofollow">screenshot</a> shows you what the issue is in terms of your input's sublabels.</p> <p>Try dropping this CSS snippet into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .field_name_last input, .gform_wrapper .ginput_complex .ginput_right input { margin-bottom: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-messed-up-labels-and-fields-displaying-wrong#post-62579 Thu, 14 Jun 2012 12:34:49 +0000 jtoc9890 62579@https://legacy.forums.gravityhelp.com/ <p>Hello. The labels and fields are displaying wrong. Can someone be specific with what I can do to correct the CSS if that is the problem.</p> <p>Most visible with address fields where city, state, etc… are all out of align.</p> <p>Also…The size of the text boxes.</p> <p>Is this being affected by my theme css?</p> <p>Thanks</p> <p><a href="https://www.familycaremedicalalarms.com/quarterly-plan" rel="nofollow">https://www.familycaremedicalalarms.com/quarterly-plan</a> </p>