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.

Modifying the Address Field

  1. Hello, I've noticed that the address field can be a bit confusing. For instance, It appears there are two fields for street address. I would rather someone just enter the street number next two the street name in the same field. Is there a way to turn this extra field in ADDRESS off?

    Form is at:
    http://paulreverehomes.com/

    Thanks

    Posted 13 years ago on Saturday June 11, 2011 | Permalink
  2. Yes, there is an option in the form builder to hide the second line for the address field if you don't need it. Just click on the address field and look for the options under the "properties" tab.

    screenshot: http://grab.by/akHl

    Posted 13 years ago on Saturday June 11, 2011 | Permalink
  3. I did hide that field already but the one I'm referring is yet another inside of Address. Please see my page at http://paulreverehomes.com/

    Right under the word Address which is the title to the field you a have a field. Right under that there is another field labeled Street Address. This is the confusion I am referring to. Is there a way to keep Street Address and get rid of that field above it?

    Posted 13 years ago on Saturday June 11, 2011 | Permalink
  4. You can do this to hide the label, but keep the alignment with the fields to the right.

    [css]
    body .gform_wrapper li#field_1_7 label.gfield_label {
    	text-indent:-9000px
    }
    Posted 13 years ago on Saturday June 11, 2011 | Permalink
  5. Can you please be specific as to which file, and location within the file, where the above code should be placed?

    I was looking for a solution to modify the format of the 'address' block of fields. I find the placement of the subtitles for those fields (street address, city, state, etc) is confusing.

    Posted 13 years ago on Monday June 13, 2011 | Permalink
  6. You put the custom CSS rules at the very end of your theme's stylesheet. It's usually the style.css file but for some themes it may be named custom.css or something else entirely. It all depends on how your theme developer set it up. If you're not sure which file to edit, it's best to consult with your theme developer so they can tell you for sure.

    http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F

    Posted 13 years ago on Monday June 13, 2011 | Permalink
  7. Kevin, this works beautifully. When you say "keep the alignment with the fields to the right." what do you mean.. specifically? Does this have to do with settings when editing the form?

    Thanks,
    Barry

    Posted 13 years ago on Tuesday June 14, 2011 | Permalink
  8. Nope, just visually aligning the fields horizontally. You could hide the label element altogether, but the address fields would all shift upwards and may not look as uniform. It's purely an aesthetic choice.

    Posted 13 years ago on Tuesday June 14, 2011 | Permalink
  9. Oh ok got it. Thanks again Kevin!

    Posted 13 years ago on Tuesday June 14, 2011 | Permalink
  10. Kevin, I've noticed that now that we've hidden one of the extra Address Fields I can no longer see the asterisk that shows it's a required field. How can I fix this?
    http://paulreverehomes.com/
    Thanks,
    Barry

    Posted 13 years ago on Saturday June 18, 2011 | Permalink
  11. Adding to email subscribe

    Posted 13 years ago on Saturday June 18, 2011 | Permalink
  12. The required asterisk is in a span that's included inside the label element. If you hide the field label, the span that's nested inside there gets hidden too. Not sure of any easy work-around for that at the moment.

    Posted 13 years ago on Saturday June 18, 2011 | Permalink
  13. Thanks again Kevin!

    Posted 13 years ago on Sunday June 19, 2011 | Permalink
  14. Oops I posted my thanks message to the wrong thread. I am still waiting to see what you think we can do about the asterisk.

    Posted 13 years ago on Sunday June 19, 2011 | Permalink
  15. Epiphany.. add this to the end of your style.css file

    [css]
    body .gform_wrapper li#field_1_7 label.gfield_label span.gfield_required {
        position: relative;
        left: 8950px;
    }

    screenshot: http://grab.by/aoaI

    Posted 13 years ago on Sunday June 19, 2011 | Permalink
  16. Yay!! Thanks Kevin!

    Posted 13 years ago on Monday June 20, 2011 | Permalink

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