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

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.

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.