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

  • Profile Image
    shaliniy
    Asked on March 24, 2015 at 01:31 PM

    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.

  • Profile Image
    Ben
    Answered on March 24, 2015 at 03:12 PM

    With the following CSS this is what you would get:

    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:

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