CSS to align two fields not working

Hi,

Thank you for your continuous support!
I'd like the field "same as the main contact email" to look in line with the previous one, like this:

However it looks like this instead :(



Here is the wrong .css I used:

#id_214, #id_216 {

}

#id_216 {

top : 6px !important;

}

Maybe you can help fix? ^^'

Hi Giovanni,

Thanks for reaching out to Jotform Support. You can easily position the check box to be on the same line as email field by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

/*thread 29994601 - align checkbox to email field*/

label#label_216 {

    height: 28px;

}

@media screen and (max-width: 480px){

label#label_216 {

    height: unset !important;

}

li#id_216 {

    padding-top: 0;

    margin-top: 0;

}

}

/*ends here*/

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and remove the codes you added for the the Multiple Choice field or check box.

4. Then, paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Give it a try and let us know how it goes.

Thanks John,
it worked perfectly!