https://legacy.forums.gravityhelp.com/topic/problem-with-white-space-nowrap-important Gravity Support Forums Topic: Problem with white-space: nowrap !important en-US Mon, 20 Apr 2026 02:35:21 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/problem-with-white-space-nowrap-important#post-59561 Sun, 20 May 2012 18:38:57 +0000 Rob Harrell 59561@https://legacy.forums.gravityhelp.com/ <p>You used a . (class) selector when you copied my first example. But you need to use the ID to overwrite the CSS to select it more specifically. See this <a href="http://www.evernote.com/shard/s212/sh/bb41f58c-3afa-4d37-9d35-bbcc4b75198f/a687d900f95c9e41d93913f2d12eddc5" rel="nofollow">Screenshot</a> for an explanation.</p> <p>Our CSS is super-tight. Sometimes, using !important is required, depending on certain situations. I'm sure you can appreciate that when trying to create a global plugin stylesheet that works in a lot of different scenarios. You can always add a class to your form and/or individual fields in the formbuilder to build your selector more specifically that will not need the !important. Actually, when you correct the CSS snippet as I showed in the screenshot above, you should not need the !important.</p> <p>Also, since your theme is using responsive design, you might even be able to throw a generic selector into a media query subset of the CSS to edit this word-wrap. Anyways, point is, skies the limit on selecting.</p> <p>To place css in the reply, just place [css] in between the backtick characters. </p> https://legacy.forums.gravityhelp.com/topic/problem-with-white-space-nowrap-important#post-59504 Sat, 19 May 2012 09:07:45 +0000 Ulrich 59504@https://legacy.forums.gravityhelp.com/ <p>I am sorry but it doesn't work. I need a general solution. The css in my child theme is unable to over come the css in the plugin stylesheet.</p> <p>You does GravityForms always use so much !important in their css?</p> <p>Thanks,</p> <p>P.s. How do you put that code in your reply? </p> https://legacy.forums.gravityhelp.com/topic/problem-with-white-space-nowrap-important#post-59495 Sat, 19 May 2012 08:04:46 +0000 Rob Harrell 59495@https://legacy.forums.gravityhelp.com/ <p>This should do the trick for you:</p> <pre><code>[css] .gform_wrapper li.gf_inline div.ginput_container { white-space: normal !important; }</code></pre> <p>If you need a more specific selector you could do something like this instead (ID only this form wrapper):</p> <pre><code>[css] #gform_wrapper_1 li.gf_inline div.ginput_container { white-space: normal !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/problem-with-white-space-nowrap-important#post-59488 Sat, 19 May 2012 04:11:01 +0000 Ulrich 59488@https://legacy.forums.gravityhelp.com/ <p>Hello<br /> When I resize the browser to a mobile size. Two fields do not wrap due to this css in the gform stylesheet.<br /> .gform_wrapper li.gf_inline div.ginput_container {<br /> white-space: nowrap !important<br /> }<br /> How can I change to white-space: normal;?</p> <p>Test Site URL<br /> <a href="http://www.grappler.tk/dyebata/contact" rel="nofollow">http://www.grappler.tk/dyebata/contact</a></p> <p>Thanks </p>