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.

Field sub-titles not appearing

  1. dhughes
    Member

    http://healthfxtoronto.com/patient-resources/new-patient-contact-form/

    When I view this form, the field sub-titles (First Name, Last Name, Street Address, City, Postal Code) are not appearing. What am I doing incorrectly?

    Thanks in advance for any help!

    Posted 7 years ago on Monday November 26, 2012 | Permalink
  2. Line 667 of your theme's "layout.css" contains this line which is hiding the labels:

    [css]
    html.placeholder label[for] { display: none } /* we're using placeholders, fallback with js for IE */

    Remove that or override that for your Gravity Forms and I think you will find you see the labels.

    [css]
    body .gform_wrapper form label[for] {
        display:inline;
    }
    Posted 7 years ago on Monday November 26, 2012 | Permalink
  3. dhughes
    Member

    Hello Chris —

    Thanks very much for your reply — it worked. Only small glitch is that the alignment for the form field and form field titles for "Province" and "Postal Code" are a bit off…

    http://healthfxtoronto.com/patient-resources/new-patient-contact-form/

    As an aside, is there any way to affect the padding of form field and drop down elements? In the last sequence of the form, there are "Activity" form fields followed by drop-downs. I would like the form fields to be visually adjacent (either across or down), with a "1 to 10" drop down. Currently they are all evenly spaced, making it tough for the user to determine which drop down corresponds to which form field.

    Many thanks in advance.

    Posted 7 years ago on Monday November 26, 2012 | Permalink
  4. Your theme or a plugin is outputting all sorts of extra markup inside the gravityforms shortcode output. There are extra closing < p> tags and extra < span > tags and < br > tags. None of that is output by Gravity Forms: it's being done by something on your site. Normally it's the theme, but it could be a plugin too. Please see these related topics for how the problem has been fixed in the past.

    http://www.gravityhelp.com/forums/tags/raw

    Fixing that will take care of the issue with the postal code/province. Then we can look at your final question.

    Posted 7 years ago on Tuesday November 27, 2012 | Permalink
  5. dhughes
    Member

    Hi Chris —

    Positive results from my theme's support forum, which recommended I wrap the form's shortcode in [raw][/raw} which solved the issue with the form field and form field title alignment.

    I'd like to follow up on my second query regarding spacing/padding:

    Is there any way to affect the padding of form field and drop down elements? In the last sequence of the form, there are "Activity" form fields followed by drop-downs. I would like the form fields to be visually adjacent (either across or down), with a "1 to 10" drop down. Currently they are all evenly spaced, making it tough for the user to determine which drop down corresponds to which form field.

    Can I achieve this?

    Thanks very much,
    Deirdre

    Posted 7 years ago on Friday December 14, 2012 | Permalink
  6. Deirdre, I can't see your form any more. I have some sort of coming soon page "healthfxtoronto.com launches January 12th, 2013". If you still need help with this, please provide a link to the page on your site where we can see this form. Thank you.

    Posted 7 years ago on Wednesday December 19, 2012 | Permalink
  7. dhughes
    Member

    Hi Chris —

    Apologies — we put the site under maintenance after I had followed up on my reply to you. To access the page with the form you will need to login to WP with my details (is it possible to keep this posting private rather than public, considering it relays login details?):

    Many thanks for any help you can give me.

    Posted 7 years ago on Friday January 4, 2013 | Permalink
  8. David Peralty
    Administrator

    Please don't post login details publicly. If you want to send login details to Chris, his e-mail is chris@rocketgenius.com. All my best.

    Posted 7 years ago on Friday January 4, 2013 | Permalink
  9. I logged in and took a look at your page. I added the CSS class of gf_left_half to the three "Activity" text fields and gf_right_half to the 3 drop downs. That put them side by side.

    Now you need to add this to your theme's stylesheet to vertically align the drop down to the text field on the left:

    [css]
    body .gform_wrapper form #input_2_18,
    body .gform_wrapper form #input_2_21,
    body .gform_wrapper form #input_2_22 {
     margin-top: 10px;
    }

    You can add that where you added the other Gravity Forms-specific CSS for the inline labels.

    Posted 7 years ago on Saturday January 5, 2013 | Permalink
  10. dhughes
    Member

    Thank you very much, Chris. Huge improvement.

    Posted 7 years ago on Sunday January 6, 2013 | Permalink
  11. You're welcome.

    Posted 7 years ago on Monday January 7, 2013 | Permalink

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