https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers Gravity Support Forums Topic: Input box hidden in Safari but appears in all other browsers en-US Wed, 22 Apr 2026 08:23:01 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61739 Thu, 07 Jun 2012 06:53:25 +0000 Rob Harrell 61739@https://legacy.forums.gravityhelp.com/ <p>Awesome, glad to help out! </p> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61713 Wed, 06 Jun 2012 20:31:35 +0000 rebeccagill 61713@https://legacy.forums.gravityhelp.com/ <p>Beautiful! It is now complete. Thanks so much for your help. </p> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61679 Wed, 06 Jun 2012 16:43:53 +0000 Rob Harrell 61679@https://legacy.forums.gravityhelp.com/ <p>LOL - ok I swear this will do the trick! :) <a href="http://www.evernote.com/shard/s212/sh/4488ad7f-9a94-44bc-b435-74ca69a30202/0aba2e1edf3b203bee328372183c2383" rel="nofollow">Screenshot</a></p> <pre><code>[css] #field_1_8 { margin-right: 0; } #input_1_8 { width: 8.4em !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61672 Wed, 06 Jun 2012 16:13:30 +0000 rebeccagill 61672@https://legacy.forums.gravityhelp.com/ <p>Thanks. My goal was to actually have the email input box longer than the zip code. I thought the inline styling would work from the example. </p> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61658 Wed, 06 Jun 2012 14:56:59 +0000 Rob Harrell 61658@https://legacy.forums.gravityhelp.com/ <p>OK - got it! Change the Zip field to be "Medium" and then use gf_left_half on email and gf_right half on zip instead of gf_inline and get rid of the #input_1_7 declaration.</p> <p><a href="http://www.evernote.com/shard/s212/sh/1c4bf88b-195f-4eab-9fd4-3c7c2904cf4e/d291e88409c3cf3932ff502ce824cc06" rel="nofollow">Screenshot</a> </p> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61654 Wed, 06 Jun 2012 14:38:08 +0000 rebeccagill 61654@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob - I tried the auto for the width and it was only putting the email length at half, so I did change it back to 12em, and put the Zip Code set for Small. The only thing I am wondering about is justifying. I tried a few different things with CSS and I can not get it to budge right and if I increase the email width it bumps it to the second line again. </p> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61642 Wed, 06 Jun 2012 12:57:38 +0000 Rob Harrell 61642@https://legacy.forums.gravityhelp.com/ <p>No problem, you will probably need to tweak the zip code field width as well. You could also try using the "small" setting on the zip code field potentially.</p> <p>Try dumping what you have or what I gave above and placing:</p> <pre><code>[css] #input_1_7 { width: auto !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61640 Wed, 06 Jun 2012 12:48:15 +0000 rebeccagill 61640@https://legacy.forums.gravityhelp.com/ <p>Rob--I appreciate the time you are taking to help me out. So I went back and changed my form on my home page to reflect using the CSS classes, but I can not get it work on there. I have added the CSS you have placed above, but changed the input to 1_7 which is the call for the "email" field. I am not sure what I am missing.<br /> Thanks. </p> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61633 Wed, 06 Jun 2012 12:26:44 +0000 Rob Harrell 61633@https://legacy.forums.gravityhelp.com/ <p>Apologies for that, must have mixed it up with something I saw. You should be able to use this to target that email field:</p> <pre><code>[css] #input_2_7 { width: 10em !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/input-box-hidden-in-safari-but-appears-in-all-other-browsers#post-61631 Wed, 06 Jun 2012 12:21:01 +0000 rebeccagill 61631@https://legacy.forums.gravityhelp.com/ <p>I have only used custom CSS in my style sheet, I have not changed the Gravity Forms style sheet. So I am not sure how that would be showing up there.<br /> I will check my CSS for the email. Thanks. </p>