How to align the fields on the jotform to look like on design?

  • shaliniy
    Asked on March 24, 2015 at 1:31 PM

    How to align the fields on the jotform to look like on design? Image 1 Screenshot 20

    You can see how far I got on this link below...

    I want to add the text above the form, too, if I can. I simply cannot align the fields correctly first.

     

    Thank you.

    Jotform Thread 539595 Screenshot
  • Ben
    Replied on March 24, 2015 at 3:12 PM

    With the following CSS this is what you would get:

    How to align the fields on the jotform to look like on design? Image 1 Screenshot 30

    This is the code to inject:

    #id_2 {
        float: right;
    }
    #id_1, #id_3 {
        float: left;
        width: 65%;
        top: 50px;
    }
    #id_1 input, #id_3 input {
        height: 40px;
    }

    Now in regards to the text, you can add Text field on your jotform - right above the other fields and if needed, we can assist in its alignment.

    You can find the Text field under Form Tools:

    How to align the fields on the jotform to look like on design? Image 2 Screenshot 41

    The CSS above should be injected to your jotform following the next steps: Inject Custom CSS Codes