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.

Alignment problems

  1. Trevorbox
    Member

    I'm having alignment issues with side by side fields, they are appearing slightly staggered. test form is on http://www.getacoolbox.com/newsite. Is there is also a way i can reduce the vertical distance between fields and text?

    Posted 7 years ago on Monday August 20, 2012 | Permalink
  2. For the vertical spacing, this is in your theme's stylesheet and the margin-bottom is the cause:

    [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;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: white;
    }

    You can either get rid of that margin bottom, or use this to override it (place in your theme's stylesheet):

    [css]
    .gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
    margin-bottom: 0;
    }

    As for the slightly staggered piece - the only one I see that is an issue is the: "Email" and "How did you hear about us" fields. The reason there is the field label for "How did you hear about us" is simply too long for the space so it's wrapping. Your options are to reduce the label font size or shorten the verbiage of that field label.

    Posted 7 years ago on Tuesday August 21, 2012 | Permalink
  3. Trevorbox
    Member

    great thanks rob!

    Posted 7 years ago on Tuesday August 21, 2012 | Permalink
  4. No problem - glad to help out!

    Posted 7 years ago on Tuesday August 21, 2012 | Permalink

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