Form Field Alignments: second column is not aligned.

  • jabedoya60
    Asked on August 14, 2018 at 2:44 PM

    Hi guys, I have a space on the top header, the tile is in a box but it just does not line up all the way to the top of the box of the form.

    Also, I have 3 selections, two line up horizontally but the third one goes to the next line but there is still of plenty space for it to go with the other two?

    And last at the bottom, the re-captcha cannot be aligned centered?

    Please help.

    Thank you.

    Jotform Thread 1553013 Screenshot
  • David JotForm Support Manager
    Replied on August 14, 2018 at 4:57 PM

    Please inject the following code to remove that image that appears on top part of your form, and the space above the header: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL 

    .form-all {

        background-image: none !important;

    }

    #id_37{

        top: 0px !important;

    }

    .form-all{

        padding-top: 0px !important;

        margin-top: 0px !important;

    }


    On regards of aligning the Single Choice fields, you can inject the following code:

    [data-type="control_radio"]{

        width: 50% !important;

        margin-left: 5% !important;

    }

    And, in order to center align the captcha field, please inject this code:

    #label_62{

        text-align: center !important;

    }

    #cid_62 iframe{

        margin-left: 60% !important;

    }

    Here is the result: https://form.jotform.com/82256445838971 

    Let us know if you need more help.