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 description position and spacing

  1. Greetings. Great form build.

    I have an issue regarding the placement of the descriptive text when using the advanced field such as name and address.

    When you view these fields you can see the field title then directly below it the field. though the description of these fields such as street address, city, country etc drop far too low below the field to be correctly related by sight to their corresponding field.

    Is there a fix to this?

    kind regards

    Posted 12 years ago on Monday October 1, 2012 | Permalink
  2. Can you post a link to your form for us?

    Posted 12 years ago on Monday October 1, 2012 | Permalink
  3. it is on a site that cannot be viewed yet. due to it being under construction. I could give you a screen shot if you have an email for me to send it to. otherwise i could give you the log in on a secure email. which would you prefer?

    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  4. You can email chris@rocketgenius.com if you like. We can't give you general CSS information as it will need to be targeted to your form specifically, and we want to make sure it works.

    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  5. thanks chris. too awesome :) i have just sent you an email

    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  6. The issue is due to this blanket style in your theme's style.css around line 254+:

    [css]
    input[type="text"], input[type="password"], input[type="email"], textarea, select {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 2px 2px 2px 2px;
        color: #777777;
        display: block;
        font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
        margin: 0 0 20px;
        max-width: 100%;
        outline: medium none;
        padding: 6px 4px;
        width: 210px;
    }

    Specifically, the margin: 0 0 20px; line.

    Add this to your theme's stylesheet and see how it looks:

    [css]
    body .gform_wrapper input[type="text"],
    body .gform_wrapper input[type="password"],
    body .gform_wrapper input[type="email"],
    body .gform_wrapper textarea,
    body .gform_wrapper select  {
        margin: 10px 0 0 0;
    }
    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  7. where abouts in the stylesheet should i add this?

    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  8. i just added it to the bottom of the style sheet and it looks to have worked. though i still cant select the option to make those descriptions appear on the top of the fields.... is there a way to do this?

    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  9. Handling via email since you cannot post the URL here. It is likely something in your theme overriding the positioning, just like the last issue.

    Posted 12 years ago on Tuesday October 2, 2012 | Permalink
  10. Handled via email.

    Related: http://www.gravityhelp.com/forums/topic/field-lable-placement#post-79528

    Posted 12 years ago on Monday October 8, 2012 | Permalink

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