Address field/Classic Form: How to move the zip code field?

  • Profile Image
    mlewis_COWR
    Asked on June 22, 2018 at 07:19 PM
    The address section has the zip code text box on a separate line I want to move it next to the state text box.  How can I do that?
  • Profile Image
    Kevin_G
    Answered on June 22, 2018 at 07:39 PM

    You may try injecting this code: 


    .form-address-table tr:nth-child(4) {

        display: block;

        position: absolute;

        bottom: 12px !important;

        left: 48%;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Result: https://form.jotform.com/81727136916967 

    I hope this helps. 

  • Profile Image
    mlewis_COWR
    Answered on June 23, 2018 at 04:05 AM
    Where would I insert this code?
    Who has WOW'd you today and did you let them know it?
    Millicent Lewis
    Human Resources Business Partner
    www.ci.wheatridge.co.us
    Office Phone: 303-235-2812
    The City of Wheat Ridge is committed to Excellence and ACTION!
    [Description: Description: cid:image001.jpg@01CC380E.E0DF2600]
    ...
  • Profile Image
    Kevin_G
    Answered on June 23, 2018 at 09:43 AM

    Please follow the guide I shared above to inject the CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes