https://legacy.forums.gravityhelp.com/topic/widget-css-layout Gravity Support Forums Topic: Widget CSS layout en-US Sat, 04 Apr 2026 09:22:56 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30473 Tue, 19 Jul 2011 20:09:38 +0000 Matthew Bookspan 30473@https://legacy.forums.gravityhelp.com/ <p>Ok, those forms are just in their default state. I'll try to do some tweaking. </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30468 Tue, 19 Jul 2011 18:02:41 +0000 Kevin Flahaut 30468@https://legacy.forums.gravityhelp.com/ <p>You'll just have to tinker with it from here. Look at the other form and see what the padding/margins etc. are and just apply the necessary properties to the new form fields that we've already targeted. </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30466 Tue, 19 Jul 2011 17:58:43 +0000 Matthew Bookspan 30466@https://legacy.forums.gravityhelp.com/ <p>Definitely better! Is there a way we can tighten up the layout so that it matches the other form to the right? </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30458 Tue, 19 Jul 2011 16:52:43 +0000 Kevin Flahaut 30458@https://legacy.forums.gravityhelp.com/ <p>Matthew,</p> <p>Thanks for your patience. I was stuck on something else for a while. It looks like we have to be really specific with the CSS inheritance to override the default styles here. Change your existing rule to this and see how it works for you. It worked fine in my test.</p> <pre><code>[css] html body.page div#gform_wrapper_4.gform_wrapper form#gform_4 div.gform_body ul#gform_fields_4.gform_fields li#field_4_3.gfield label.gfield_label { display: none; }</code></pre> <p>screenshot: <a href="http://bit.ly/rlBF65" rel="nofollow">http://bit.ly/rlBF65</a> </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30405 Tue, 19 Jul 2011 10:52:19 +0000 Matthew Bookspan 30405@https://legacy.forums.gravityhelp.com/ <p>Thanks so much! </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30395 Tue, 19 Jul 2011 10:23:25 +0000 Kevin Flahaut 30395@https://legacy.forums.gravityhelp.com/ <p>I didn't forget you Matthew. I promise. I'm circling back around to your site again in a few and will let you know what I come up with. </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30391 Tue, 19 Jul 2011 09:59:54 +0000 Matthew Bookspan 30391@https://legacy.forums.gravityhelp.com/ <p>Kevin - just checking in with you (I know that you're busy and really appreciate the help). Any ideas on how to fix the layout here?</p> <p>Thanks again,</p> <p>Matthew </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30365 Mon, 18 Jul 2011 19:58:31 +0000 Matthew Bookspan 30365@https://legacy.forums.gravityhelp.com/ <p>We are so close! I pasted your code and made the widget form a top label. Now, if you look at those two pages, the widget form submit button is off. Did I forget another #? </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30345 Mon, 18 Jul 2011 17:50:16 +0000 Kevin Flahaut 30345@https://legacy.forums.gravityhelp.com/ <p>Try setting your form that you're using for the widget back to the "top label" option. Then, you can do this to hide the field label.</p> <pre><code>[css] body #gform-wrapper_4 li#field_4_3 label.gfield_label { display: none; }</code></pre> <p>the left label option that you're using now is still applying a 29% width to the label element thats there, even thought the tag is empty. </p> https://legacy.forums.gravityhelp.com/topic/widget-css-layout#post-30342 Mon, 18 Jul 2011 17:33:21 +0000 Matthew Bookspan 30342@https://legacy.forums.gravityhelp.com/ <p>Yes, that did it. I did just copy/paste your code. I didn't realize the # was in the wrong place. I am also seeing one more issue on these pages:</p> <p><a href="http://blacktipit.com/contact/" rel="nofollow">http://blacktipit.com/contact/</a><br /> <a href="http://blacktipit.com/client-agreement/" rel="nofollow">http://blacktipit.com/client-agreement/</a></p> <p>Each page is a full contact form and look what it does to the widget. Any ideas? </p>