Fit City, State, and Zip Code into one line

  • Yanzhen
    Asked on February 22, 2021 at 9:13 AM

    Is there any way to fit City, State, and Zip Code into one line? Thank you.

    Jotform Thread 2914871 Screenshot
  • Cecile JotForm Support
    Replied on February 22, 2021 at 10:07 AM

    Hello there,

    Kindly allow me some time to conduct some tests.

    I'll get back to you shortly.

    Thank you.

  • Cecile JotForm Support
    Replied on February 22, 2021 at 10:35 AM

    Thank you for waiting.

    Kindly inject the custom CSS code below.

    #input_4_city{

     min-width: 70%;

     max-width: 70%;

     position: relative;

    }

    #input_4_state,#sublabel_4_state{

     position: relative;

     left:-109px;

     min-width: 70%;

     max-width: 70%;

    }

    #input_4_postal,#sublabel_4_postal{

     position: relative;

     min-width: 30%;

     max-width: 30%;

     top: -89px;

     left: 455px;

    }

    Result:

    1614008010 6033ceca22983 7 Screenshot 10

    Guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Let us know if you need further assistance.

  • Yanzhen
    Replied on February 22, 2021 at 10:50 AM

    Almost except on my form, the sub_labels are not displayed properly. Please see below. Thank you.1614009001 6033d2a969589 Capture Screenshot 10

  • Yanzhen
    Replied on February 22, 2021 at 12:23 PM

    Never mind. The style works on the actually form, just not in the edit mode. Thank you.