https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly Gravity Support Forums Topic: Time field not displaying in firefox correctly en-US Sun, 19 Apr 2026 23:47:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-228042 Sun, 28 Apr 2013 02:59:02 +0000 Richard Vav 228042@https://legacy.forums.gravityhelp.com/ <p>You're welcome </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-227476 Sat, 27 Apr 2013 18:12:13 +0000 magoo 227476@https://legacy.forums.gravityhelp.com/ <p>Hi Richard,</p> <p>The second one was the charm. Thank you for all your help. Even on a Saturday!</p> <p>Kind regards,<br /> Chris </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-227153 Sat, 27 Apr 2013 11:11:41 +0000 Richard Vav 227153@https://legacy.forums.gravityhelp.com/ <p>Chris,</p> <p>It depends on the theme, generally it goes in the style.css file but some themes also have a custom.css which doesn't get replaced during updates, either way it wants placing towards the bottom of the file.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-227131 Sat, 27 Apr 2013 10:51:36 +0000 magoo 227131@https://legacy.forums.gravityhelp.com/ <p>Hi Richard,</p> <p>Thank you for your help. Where do I place that? </p> <p>Thanks,<br /> Chris </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-226529 Sat, 27 Apr 2013 02:07:22 +0000 Richard Vav 226529@https://legacy.forums.gravityhelp.com/ <p>Hi Chris,</p> <p>Without seeing the form and examining how the CSS rules from your theme, gravity forms, and the browser are interacting and being applied to the elements that form the time field it is difficult to suggest a solution.</p> <p>Usually when the colon drops down below the time field it is because a rule in the theme is setting the inputs to display:block which can be counteracted by adding this<br /> <pre><code>.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input { display: inline !important; }</code></pre> <p>But that's not the only cause, some themes add a large amount of padding to inputs which make the inputs larger and since the container has a width set then at some point you are going to run out of room and so the colon will drop out of the way. One way of getting round this is to reduce the padding or you can increase the width so here's how to target the hour and minute inputs and containers.<br /> <pre><code>.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input { width: 50px !important; } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute { width: 100px !important; }</code></pre> <p>Unfortunately you are just going to have to experiment a little </p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-225894 Fri, 26 Apr 2013 17:46:34 +0000 magoo 225894@https://legacy.forums.gravityhelp.com/ <p>Hi Richard,</p> <p>It's a clients site, so I can't post a link. But it works fine in chrome and explorer.</p> <p>Thanks,<br /> Chris </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-225888 Fri, 26 Apr 2013 17:40:53 +0000 Richard Vav 225888@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to a page containing the form in question</p> <p>Regards,<br /> Richard<br /> --<br /> Just another member of the community helping out where I can </p> https://legacy.forums.gravityhelp.com/topic/time-field-not-displaying-in-firefox-correctly#post-225872 Fri, 26 Apr 2013 17:15:48 +0000 magoo 225872@https://legacy.forums.gravityhelp.com/ <p>Hello,</p> <p>I just bought Gravity Forms and the time field is not displaying correctly in firefox. It works in explorer and chrome. Will you please help me?</p> <p><a href="http://img825.imageshack.us/img825/8133/formm.jpg" rel="nofollow">http://img825.imageshack.us/img825/8133/formm.jpg</a></p> <p>Thank you,<br /> Magoo </p>