https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out Gravity Support Forums Topic: Advanced field breaks out en-US Mon, 20 Apr 2026 01:22:17 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-100010 Fri, 07 Dec 2012 08:10:01 +0000 Richard Vav 100010@https://legacy.forums.gravityhelp.com/ <p>I would recommend you set the width of the inputs to something like 75% because at the moment they are too wide which is why the border is missing from the right and when you fill in one of the inputs it drops down the page slightly so to prevent that you would add something like this to your stylesheet<br /> <pre><code>.gform_wrapper .gfield_list input { width: 75%; }</code></pre> https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-100006 Fri, 07 Dec 2012 08:01:26 +0000 Richard Vav 100006@https://legacy.forums.gravityhelp.com/ <p>It looks like you sorted the main width issue </p> https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-100002 Fri, 07 Dec 2012 07:34:02 +0000 Fjallwebb 100002@https://legacy.forums.gravityhelp.com/ <p>Okay, thank´s but I really can´t see any difference when I adding /*min-width: 210px*/<br /> Where should you put it, (currently base.css) </p> https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-99926 Fri, 07 Dec 2012 04:08:55 +0000 Richard Vav 99926@https://legacy.forums.gravityhelp.com/ <p>Actually it wants to be, your closing asterisk and forward slash are the wrong way round<br /> <pre><code>/*min-width: 210px*/</code></pre> <p>As for your second point, if you are asking how to kill the background from the list field that is due to the following styles found is styles.css<br /> <pre><code>table td { background: none repeat scroll 0 0 #EEE; border-top: 1px solid white; color: #333; padding: 8px; }</code></pre> <p>there is also an almost identical rule for 'table th', to kill the background you can add something like this<br /> <pre><code>.gform_wrapper table td, .gform_wrapper table th { background:none; }</code></pre> https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-99798 Thu, 06 Dec 2012 20:21:13 +0000 Fjallwebb 99798@https://legacy.forums.gravityhelp.com/ <p>Hi, okay and why is it white?<br /> Do you mean like this?</p> <pre><code>input[type=&quot;text&quot;], input[type=&quot;password&quot;], input[type=&quot;email&quot;], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px &quot;HelveticaNeue&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; color: #777; margin: 0; /*min-width:/* max-width: 100%; display: block; margin-bottom: 20px; background: #fff; }</code></pre> https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-99516 Thu, 06 Dec 2012 05:27:23 +0000 Richard Vav 99516@https://legacy.forums.gravityhelp.com/ <p>The list field table is breaking the bounds of the form because of the css rule shown below which can be found in your themes base.css file is setting a minimum width of 210px for the input fields, if you comment out that min-width line by placing /* at the start of it and */ after it you should find your problem is resolved.</p> <pre><code>input[type=&quot;text&quot;], input[type=&quot;password&quot;], input[type=&quot;email&quot;], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px &quot;HelveticaNeue&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; color: #777; margin: 0; min-width: 210px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; }</code></pre> https://legacy.forums.gravityhelp.com/topic/advanced-field-breaks-out#post-99496 Thu, 06 Dec 2012 04:43:27 +0000 Fjallwebb 99496@https://legacy.forums.gravityhelp.com/ <p>Hi the advanced field breaks out of the form and when typing the fields jump down and it´s just messy, please have a look on this site, <a href="http://skibua.spacedout.se/book-skiutstyr/" rel="nofollow">http://skibua.spacedout.se/book-skiutstyr/</a><br /> (it´s on the second page)<br /> screenshot; <a href="http://i45.tinypic.com/14lhda0.png" rel="nofollow">http://i45.tinypic.com/14lhda0.png</a> </p>