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.

Zip Code question

Gravity Support Forums » Plugin Support » Gravity Forms

  1. hookedupphat
    Member

    I've inserted an adress field in my form, and the only problem is the zip code box appears awkwardly on the right (screenshot: http://i.imgur.com/eHBAM.jpg), how can I get this box on the left so it is flush with the rest of the form? Or at the very least make it full width so there's not this unsightly gap on the left.

    <span class='ginput_left' id='input_1_10_5_container'><input type='text' name='input_10.5' id='input_1_10_5' value='' tabindex='9' /><label for='input_1_10_5' id='input_1_10_5_label'>Zip Code</label></span>

    Any help is appreciated, thanks.

    Posted 13 years ago on Thursday March 31, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    It's a theme-related style issue but I can't tell what CSS is causing the issue from just a screenshot. Please post a URL to your form and I'll be happy to take a look at it and help out.

    Posted 13 years ago on Friday April 1, 2011 | Permalink

  3. hookedupphat
    Member

    http://www.vetallergy.com/veterinarians/ip2/

    Thanks Kevin, I appreciate it.

    Posted 13 years ago on Friday April 1, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    The size/padding/margins on your select box are a little different than the other inputs and it's causing the next floated element (the zip code in this case) to "hang" on the others.

    Try adding this to the end of your theme stylesheet. It should work for you. It did in my tests.

    [css]
body .gform_wrapper .ginput_complex .ginput_right,
body .gform_wrapper .ginput_complex .ginput_full {height:50px}

    screenshot: http://grab.by/9Miu

    Posted 13 years ago on Friday April 1, 2011 | Permalink

  5. hookedupphat
    Member

    Unfortunately that didn't work. I tried it a few different ways and nothing changed it. As it is right now I have the code you posted exactly in my theme stylesheet.

    http://www.vetallergy.com/veterinarians/ip2/

    Posted 13 years ago on Friday April 1, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    Sorry, think I left off one of the classes in the previous example. Try this instead.

    [css]
body .gform_wrapper .ginput_complex .ginput_left,
body .gform_wrapper .ginput_complex .ginput_right,
body .gform_wrapper .ginput_complex .ginput_full {
	height: 50px;
}
    Posted 13 years ago on Friday April 1, 2011 | Permalink

  7. hookedupphat
    Member

    That worked! Thanks so much Kevin :)

    Posted 13 years ago on Friday April 1, 2011 | Permalink

  8. Kevin Flahaut
    Administrator

    Sure. My pleasure. Second time was a charm.

    Posted 13 years ago on Friday April 1, 2011 | Permalink