https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input Gravity Support Forums Topic: Madlib style form question (issues with inline input) en-US Sun, 19 Apr 2026 18:21:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input#post-50091 Tue, 21 Feb 2012 09:33:26 +0000 Rob Harrell 50091@https://legacy.forums.gravityhelp.com/ <p>Awesome, glad to help! </p> https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input#post-50090 Tue, 21 Feb 2012 09:23:07 +0000 jstnlngls 50090@https://legacy.forums.gravityhelp.com/ <p>Thanks! That did it. You might want to put the CSS code in again. I copied it from the page source as it wasn't showing up in your reply above.</p> <p>Weird that the font size limits how it can wrap, but I'll take what I can get!</p> <p>Thanks again. </p> https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input#post-50041 Mon, 20 Feb 2012 19:26:18 +0000 Rob Harrell 50041@https://legacy.forums.gravityhelp.com/ <p>Well, I got this close, but I had to reduce the font size a bit and adjust the padding on the wrapper. Try this (just replace the chunks):</p> <pre><code>[css] body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;text&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;email&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;password&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;url&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;tel&quot;] { margin-top: 4px; border-top: none; border-right: none; border-bottom: 1px dashed black; border-left: none; background-color: white; width: 99%; font-size: 13px; color: black; font-family: &quot;acta-display&quot;, Georgia, sans-serif; font-style: normal; padding: 0; } body #gform_wrapper_2.gform_wrapper { font-size: 13px; color: #666; } body #gform_wrapper_2.gform_wrapper { max-width: 99%!important; margin: 50px auto; border: 1px solid white; background-color: white; padding: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -khtml-border-radius: 8px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); position: relative; overflow: visible!important; font-size: 13px; color: #666; }</code></pre> https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input#post-50038 Mon, 20 Feb 2012 19:08:23 +0000 jstnlngls 50038@https://legacy.forums.gravityhelp.com/ <p>Hmmm, thanks for the idea, but no fix yet. You can visit the link where I've updated the css. </p> <p>Just in case, I thought it be might be worth posting the xml to make sure there's nothing weird in there either. </p> <p>The exported form can be found here: <a href="http://dl.dropbox.com/u/868828/gravityforms-export-2012-02-20.xml" rel="nofollow">http://dl.dropbox.com/u/868828/gravityforms-export-2012-02-20.xml</a> </p> https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input#post-50037 Mon, 20 Feb 2012 19:02:04 +0000 Rob Harrell 50037@https://legacy.forums.gravityhelp.com/ <p>On this style, try replacing it with this: I added padding: 0;</p> <pre><code>[css] body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;text&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;email&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;password&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;url&quot;], body #gform_wrapper_2.gform_wrapper form.madlibform .gfield.madlibstyle input[type=&quot;tel&quot;] { margin-top: 4px; border-top: none; border-right: none; border-bottom: 1px dashed black; border-left: none; background-color: white; width: 99%; font-size: 18px; color: black; font-family: &quot;acta-display&quot;, Georgia, sans-serif; font-style: normal; padding: 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/madlib-style-form-question-issues-with-inline-input#post-50034 Mon, 20 Feb 2012 18:44:44 +0000 jstnlngls 50034@https://legacy.forums.gravityhelp.com/ <p>I've poked around on the forum, but I haven't found an answer yet.</p> <p>I'm using the familiar Madlibs style tutorial CSS available here: <a href="http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/" rel="nofollow">http://www.rocketgenius.com/gravity-forms-mad-lib-style-form-demo/</a></p> <p>But, my form seems to be a bit finicky ... there are some issues with all fields displaying inline. I'm using a theme with some built-in support for Gravity Forms, but I'm not certain that this is where the problem lies. Even when I remove that custom styling, the inline issues don't go away.</p> <p>You can find the post here: <a href="http://www.brokencitylab.org/madlibs-test-form/" rel="nofollow">http://www.brokencitylab.org/madlibs-test-form/</a><br /> The password to view it is 1234</p> <p>Here's the CSS that I'm using:</p> <p><a href="http://pastie.org/3424502" rel="nofollow">http://pastie.org/3424502</a> </p>