https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue Gravity Support Forums Topic: Time Field HH:MM Alignment issue en-US Fri, 24 Apr 2026 18:21:37 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-222507 Wed, 24 Apr 2013 10:45:37 +0000 zengreenclean 222507@https://legacy.forums.gravityhelp.com/ <p>Resolved by making minify ignore style.css from the theme folder. </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-222502 Wed, 24 Apr 2013 10:42:32 +0000 Richard Vav 222502@https://legacy.forums.gravityhelp.com/ <p>You're welcome. </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-222489 Wed, 24 Apr 2013 10:34:37 +0000 zengreenclean 222489@https://legacy.forums.gravityhelp.com/ <p>Did a little bit of searching and I think I have narrowed it down to my Minify settings on W3 Total Cache. Disabled that setting and my changed took effect.</p> <p>I will talk to the theme creator about how to get rid of this padding issue on my inputs.</p> <p>Thank you for your help. </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-222455 Wed, 24 Apr 2013 10:05:10 +0000 Richard Vav 222455@https://legacy.forums.gravityhelp.com/ <p>Try excluding the gravity forms.css file from the W3TC css minification and see if that makes any difference. </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-222429 Wed, 24 Apr 2013 09:49:33 +0000 zengreenclean 222429@https://legacy.forums.gravityhelp.com/ <p>@richardvav<br /> Thanks again for your help. That almost worked, but made things look real funky. So I deleted the lines and figured I can just live with it. But, something is up and my forms now are worse than before. Here is a link to my clean CSS <a href="http://pastebin.com/wcEMABmc" rel="nofollow">http://pastebin.com/wcEMABmc</a> and here is one for the first edit I did <a href="http://pastebin.com/9Qwg1szs" rel="nofollow">http://pastebin.com/9Qwg1szs</a>.<br /> I was thinking it was a cache problem, since I removed all the editing I did and uploaded the clean CSS. I have tried Ctrl+F5 and different machines, but same scenario.<br /> I have also uninstalled and deleted gravityforms, reinstalled and made a test form and same issue. I do have Total Cache as a plugin and have flushed the cache in that plugin.</p> <p>Thank you for any help you can provide,<br /> Michael</p> <p>EDIT: I did do the update yesterday. </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-221252 Tue, 23 Apr 2013 16:56:35 +0000 Richard Vav 221252@https://legacy.forums.gravityhelp.com/ <p>Hi Michael,</p> <p>If you are talking about the right side of the first and last name fields as well as the address fields then is again is being caused by the amount of padding your theme is adding along with the widths that have been set. One solution would be to reduce the widths down slightly by using something like this<br /> <pre><code>.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_left input, .gform_wrapper .ginput_complex .ginput_full input { width: 90% !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-221122 Tue, 23 Apr 2013 14:41:07 +0000 zengreenclean 221122@https://legacy.forums.gravityhelp.com/ <p>@richardvav<br /> Your suggestion worked when I inserted your code to the top of my style.css. Thank you. Could you help me with my forms length? It seems like they are set to some huge number and cut off. Thank you once again,<br /> Michael </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-218459 Mon, 22 Apr 2013 03:42:20 +0000 Richard Vav 218459@https://legacy.forums.gravityhelp.com/ <p>@zengreenclean your issue isn't actually being caused by a display:block style it is actually down to the amount of padding your theme is adding to the inputs, so to make room for the colon you can try the following<br /> <pre><code>.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input { margin-bottom: 0 !important; width: 50px !important; } .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute { width: 100px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-218177 Sun, 21 Apr 2013 23:19:14 +0000 zengreenclean 218177@https://legacy.forums.gravityhelp.com/ <p>I added these lines to the bottom of my style.css and it did not seem to fix it.<br /> <a href="http://zengreenclean.com/book-now/commercial/five-a-week/" rel="nofollow">http://zengreenclean.com/book-now/commercial/five-a-week/</a></p> <p>Any other ideas? </p> https://legacy.forums.gravityhelp.com/topic/time-field-hhmm-alignment-issue#post-217197 Sat, 20 Apr 2013 14:46:37 +0000 Richard Vav 217197@https://legacy.forums.gravityhelp.com/ <p>You are correct a rule in your themes stylesheet is setting inputs to display:block and adding a 20px bottom margin so try adding this towards the bottom of your themes style.css to override it<br /> <pre><code>.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input { display: inline !important; margin-bottom: 0 !important; }</code></pre> <p>Regards,<br /> Richard<br /> --<br /> Just another member of the community helping out where I can </p>