PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Time Colon placement CSS required

Gravity Support Forums » Plugin Support » Gravity Forms

  1. spunkkii
    Member

    Hi I have a form posted here
    http://aussiehealthcoach.com/coaching-programs/strategy-session/
    I cannot seem to get the colon for the time to be placed between the hour and minute boxes where it is meant to be. I tried code I found in another thread but it did not work. Could you please help?

    The code I am using is as follows:

    [css]
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_hour  {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#ffffff}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_hour input {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#444444}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_hour label  {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#ffffff}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_minute  {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#ffffff}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_minute input  {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#444444}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_minute label  {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#ffffff}
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_ampm  {font-family: "gill sans", verdana, tahoma; font-size: 14px; color:#444444}

    Also, I am using headway and since installing the forms the visual editor has slowed down a lot and the pages load but the cogs keep turning (as though there is still more to load despite all the content already being loaded). Do you know if this is normal?

    Thanks!

    Posted 12 years ago on Monday February 13, 2012 | Permalink

  2. Rob Harrell
    Member

    In your theme's stylesheet you have:

    [css]
input[type="text"], input[type="password"], input[type="email"], textarea, select {
border: 1px solid #CCC;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #777;
display: block;
background: white;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

    That display: block is what is causing the colons to not align correctly.

    You can just add display: inline-block; to this style that you have below:

    [css]
body #gform_wrapper_3 .gform_body .gform_fields .gfield .gfield_time_hour input {
font-family: "gill sans",verdana,tahoma;
font-size: 14px;
color: #444;
display: inline-block;
}

    As for the loading issue, it could be a PHP memory issue, you could try to increase the memory limit:

    http://www.nerdgrind.com/increase-wordpress-and-php-memory-limit/

    Posted 12 years ago on Monday February 13, 2012 | Permalink

  3. spunkkii
    Member

    Worked like a charm! Such a quick fix! Thank you so much!

    Posted 12 years ago on Monday February 13, 2012 | Permalink

  4. Rob Harrell
    Member

    Awesome, glad to help out!

    Posted 12 years ago on Monday February 13, 2012 | Permalink

This topic has been resolved and has been closed to new replies.