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.

Using gf_inline to put City/State/Zip on the same line

  1. Hi,

    Sorry if this has been answered, but I've looked around the forum for a few hours and haven't been able to get this working the way I want.

    I'd like to have the City, State, and Zip fields displayed in the same line within the Address advanced field. I added

    #input_1_21_4 {
    width: 25% !important;
    }
    #input_1_21_5 {
    width: 25% !important;
    }

    (where 21_4 is State and 21_5 is Zip) to adjust the width of the State and Zip fields so that they'd fit together, but I'm not sure how to use gf_inline to put them one the same line. I added it to the CSS Class Name with no effect.

    Any help is appreciated.

    Posted 8 years ago on Wednesday May 2, 2012 | Permalink
  2. Sorry, meant to include this: http://nccsite.com/hhs_osdbu_temp/registration/

    Posted 8 years ago on Wednesday May 2, 2012 | Permalink
  3. The ready classes won't apply to the Advanced Grouping Fields. You will need to target with CSS. Just doing a quick tinker I came up with this as a starting point:

    [css]
    #input_1_21_4_container {
    width: 20% !important;
    float: left;
    display: inline-block;
    }
    #input_1_21_5_container {
    float: left;
    width: 30%;
    display: inline-block;
    }

    Play around with those selectors. Otherwise you'll need to create your own, individual address fields to which at that point, you can use the ready classes.

    Posted 8 years ago on Wednesday May 2, 2012 | Permalink
  4. Thanks Rob! That did it.

    Posted 8 years ago on Thursday May 3, 2012 | Permalink