How to change field width and placement?

  • DMinfield
    Asked on August 18, 2019 at 3:10 AM

    Hello, 

    Here's my form: https://form.jotform.com/91767932903164

    #1 - I can't figure out how to fix the First Name and Last Name so that the fields sit SIDE BY SIDE and not on TOP of one another. I'd also like to fix the "Legal Name as is appears on your State Issued Driver'sLicense or ID" so that the font is smaller and in italics. Please advise. 


    #2 - I can't adjust the field boxes for the Departure Date: and Return Date: so that the MM-DD-YY is viewable. It's cut off and needs to be longer. Please advise how to adjust. 

    Thank you in advance for your prompt responses to my inquiries. 

    DeLana Minfield of Tropical Travels



  • jherwin
    Replied on August 18, 2019 at 3:41 AM

    Please inject these custom CSS code to your form:

    [data-type="control_fullname"] .form-sub-label-container {
        width : 45% !important;
    }
    #cid_17 span.form-sub-label-container {
        width : 200px!important;
    }
    #cid_48 span.form-sub-label-container {
        width : 200px!important;
    }

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

    Please give it a try and let us know how it goes.

  • DMinfield
    Replied on August 25, 2019 at 4:43 AM
    I worked perfectly!! Thanks again. 
    On Sunday, August 18, 2019, 12:41:19 AM PDT, JotForm wrote:

    New response received#yiv8457478552 p img {width:100%;} A new response has been received: Answered by jherwin

    Please inject these custom CSS code to yourform:
    [data-type="control_fullname"].form-sub-label-container {
        width : 45% !important;
    }
    #cid_17 span.form-sub-label-container{
        width :200px!important;
    }
    #cid_48 span.form-sub-label-container{
        width :200px!important;
    }
    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
    Please give it a try and let us know how it goes.
    View this thread on browser » Unsubscribe Thread 1566114078
    ...