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.

Form needs combination of .top_label and .left_label

  1. URL: http://www.maidtoclean.com/request-an-estimate/

    The setting for this particular form is .left_label.
    However there are 3 fields (name, address & captcha)that I need to changed to .top_label

    I'm facile with css. According to your documentation, it seems that I should be able to go into edit these fields > advanced > and input the css class name of #content .gform_wrapper .top_label .gfield_label

    But this does not achieve the desired effect. What am I missing?
    Thank you -

    Posted 13 years ago on Friday December 16, 2011 | Permalink
  2. Hey Dannam, I checked out your link and it looks like Name/Address/Captcha fields have top labels. Are you saying you want those labels to be left aligned?

    Posted 13 years ago on Friday December 16, 2011 | Permalink
  3. Hey Rob,
    I think I see the issue... it looks like a cross browser difference.

    In FF - both pc and mac - the 3 fields of Name/Address/Captcha show .left-label so that the fields extent to the right, beyond the white content area.

    All other browers on pc, mac, ipad show the fields beneath the label.

    So, shouldn't I be able to edit these 3 fields, and put in some CSS class name to over ride the .left_label and make it .top_label so that they will display correctly in Firefox? If so, what class name should I use?

    Thank you -

    Posted 13 years ago on Saturday December 17, 2011 | Permalink
  4. Try this, for the captcha label:

    [css]
    li#field_1_22 label.gfield_label {
    float: none;
    }

    For your name field, could you try just changing that via the form builder to use the simple name option, so it uses one input rather than two?

    Posted 13 years ago on Wednesday December 28, 2011 | Permalink

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