Blue Mail Theme: Place text above columns

Hi I need to place a paragraph over the 2 columns of this pre-made template, please take a look at the attachment. Thank you.

I have updated injected CSS on your form, the following part changed:

ul.form-section ul.form-section:first-child,
ul.form-section ul.form-section:first-child + ul.form-section {
width : 49%;
display : inline-block;
box-sizing : border-box;
vertical-align : top;
}

To:

#section_7,
#section_8 {
width : 49%;
display : inline-block;
box-sizing : border-box;
vertical-align : top;
}

You should be able to add a Text field as a first field now.

Thank you.

Hi Thank you that worked perfect, I still have a couple of more issues:

The practice areas check boxes text go into 2 lines, can it be a single line?

Last name field and Are Code field do not line up vertically, can this be done lines up?

And last, can we add a captcha just before th submit button or any other verification that you can recommend?

Thank you.

You can add the Captcha field in your form.

then after that add the following CSS codes to those existing in your form.

#id_12 {
    width: 110% !important;
}
#id_11{
    margin-left: -30px;
}
.form-captcha {
    margin:auto !important;
}
#label_14 {
    text-align: center;
    visibility: hidden;
}

the result form should be similar to my test form https://www.jotform.com/81396535918974

Let us know if you are not able to make it work on your form.

Hi, I placed the new CSS but it does not work, the fields are not aligning, the heck boxes are in 2 lines and the captcha is not centered. Please help.

You did not add the CSS code my colleague provided you on the exact spot he marked in the screenshot and because of that the code is not working. I moved the CSS code to the correct spot in your form. 

Regarding the captcha field. The CSS code my collague provided you will work only when reCaptcha is turned OFF. You also need to expand your captcha field.

Hi, thank you for all the help, it looks much better now, the only think is not working is the check boxes, they still do not line up horizontally, is it possible to make the text point size smaller so maybe they can all fit in one line and have less space between them or less margin? Thank you again.

Please try adding the following CSS code to the form:

#label_input_12_0, #label_input_12_1, #label_input_12_2 {

font-size: 11px !important;

}

#cid_12 > .form-multiple-column > .form-checkbox-item:nth-child(2) {

    margin-left: -40px;

    margin-right: 30px;

}

The checkboxes should be displaying as below after adding the above code to the form.

Hope this information helps! 

Perfect it works, the form is finished.

Your other question is moved to a separate thread and shall be addressed there shortly. Please follow the link below:

https://www.jotform.com/answers/1481446

Thanks!