https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles Gravity Support Forums Topic: Trouble with time field colon when I add custom styles en-US Fri, 24 Apr 2026 01:22:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-54811 Tue, 10 Apr 2012 16:53:34 +0000 Rob Harrell 54811@https://legacy.forums.gravityhelp.com/ <p>Ha! No problem at all, glad to help out. Thanks for the kind words too, we appreciate it! :) </p> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-54809 Tue, 10 Apr 2012 16:50:55 +0000 DeeKae 54809@https://legacy.forums.gravityhelp.com/ <p>Perfect! Thank you!</p> <p>And thanks for making me feel better about not figuring it out :-)</p> <p>The guys at Headway Themes are always bragging up Gravity Forms and now I see why! </p> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-54805 Tue, 10 Apr 2012 16:29:57 +0000 Rob Harrell 54805@https://legacy.forums.gravityhelp.com/ <p>Whew - yours is a bit more involved for sure! Try this out in your theme's stylesheet:</p> <pre><code>[css] #input_2_11, #input_2_12 { float: left; } .gfield_time_minute.ginput_container { float: left; } .gfield_time_ampm.ginput_container { float: left; } #input_2_11_1, #input_2_12_1 { display: inline-block; }</code></pre> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-54803 Tue, 10 Apr 2012 16:18:45 +0000 DeeKae 54803@https://legacy.forums.gravityhelp.com/ <p>This doesn't seem to work for me. I've tried every combination I could think of. I'm using v1.6.3.3.4</p> <p>Please help.</p> <p><a href="http://greenmeadowsfarmwi.com/wordpress/group-bookings-form" rel="nofollow">http://greenmeadowsfarmwi.com/wordpress/group-bookings-form</a></p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-49751 Fri, 17 Feb 2012 18:09:08 +0000 Rob Harrell 49751@https://legacy.forums.gravityhelp.com/ <p>Sweet action, no problem! </p> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-49749 Fri, 17 Feb 2012 18:03:14 +0000 bigshotnow 49749@https://legacy.forums.gravityhelp.com/ <p>That does the trick! Thanks Rob. </p> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-49717 Fri, 17 Feb 2012 16:37:15 +0000 Rob Harrell 49717@https://legacy.forums.gravityhelp.com/ <p>Try dropping this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year { width: 75px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/trouble-with-time-field-colon-when-i-add-custom-styles#post-49716 Fri, 17 Feb 2012 16:24:56 +0000 bigshotnow 49716@https://legacy.forums.gravityhelp.com/ <p>I'm having trouble with the colon between the HH and MM fields in the time field. When I add a custom style to my forms, the colon bumps down below the fields instead of between them. Any advice?</p> <p>Here is an example: <a href="http://bvp.server298.com/contact-us/schedule-a-consultation/" rel="nofollow">http://bvp.server298.com/contact-us/schedule-a-consultation/</a></p> <p>Thanks. </p>