Address: Placing City, State & Zip fields on one line?

  • whatsyourvape
    Asked on March 18, 2018 at 2:19 PM

    Can you please tell me how to put these three fields on one line? Thank you.

  • Mike
    Replied on March 18, 2018 at 4:03 PM

    Please try adding the next CSS:

    .form-address-table tr:nth-of-type(3) {
    display: inline-block;
    }
    .form-address-table tr:nth-of-type(4) {
    display: inline-block;
    padding-left: 8px;
    }
    .form-address-table input {
    min-width: 90px;
    }

    Address: Placing City, State & Zip fields on one line? Image 1 Screenshot 20

    If you need any further assistance, please let us know.

  • whatsyourvape
    Replied on March 19, 2018 at 12:43 PM
    Thank you for your assistance. How do I change the spacing btwn the fields
    to be equal (20px)?
    ...
  • Welvin Support Team Lead
    Replied on March 19, 2018 at 2:12 PM

    For the vertical spaces, inject the following custom CSS codes:

    .form-address-table td, .form-address-table th {

        padding-bottom: 20px !important;

    }

    To change the spacing of the three align input boxes, inject the following custom CSS codes:

    #input_14_state {

        margin-left: 20px;

    }

    #input_14_postal {

        margin-left: 20px;

    }

  • whatsyourvape
    Replied on March 20, 2018 at 10:43 AM
    Perfect! TY so much!
    ...