Form Fields Same Width CSS code

https://form.jotform.us/72635642058156

HOw can i make the rows/form fields all be fullwidth?

Do you mean like this one ? https://form.jotformpro.com/72673682098974

You can add this CSS code into your form.

.form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input, .form-dropdown  {

      width: 340px !important;

    margin-left: -36px;

}

Let us know if you need something more.

Hmm- the form fields should responsed as the screen size gets smaller. Also- not should why there is a margin-left of -36px? That moves the form fields off the background form.

Here is how the form looks on my end with the code added:

The form is mobile responsive and on mobile screens the fields will adjust in sizing.

I cloned again and checked your CSS. Please remove this line

Then add this code:

.form-line {

  margin-bottom: 0;

  padding: 12px 0px;

}

.form-textbox, .form-textarea {

    width: 330px !important;

}

.form-dropdown{

  width: 340px !important;

}

Your CSS code should now look like this.

this is how it looks on mine: i do want some padding to remain there around the entire form at all screen sizes too.

Did you already applied the codes and changes on my previous reply?

Can you check this cloned form https://form.jotformpro.com/72673682098974 . Does it also look like that?

this form above, needs to be responsive:

Remove the mobile responsive widget and add the following CSS:

@media only screen and (max-width: 480px) {
  .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input, .form-dropdown  {

    width: 300px !important;

    margin-left: -36px;
  }
}

You can also simply clone this copy of the form to have the updates made already:

https://form.jotformpro.com/72675052552962

https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

How about some padding from the form edge to the form fields around the entire form?

http://flexogenix.com/knee-pain-relief-charlotte/

Alter this line of the CSS codes

The default line layout padding is 36px... but you can set the number you prefer.

Ex:

Save the modified CSS codes to take effect on the live form.

Let us know if this did not work.

I created a separate threads for your next issues. Please wait for our reply on these threads:

How can I move up clinic location form field so that there is equal amount of space between each form field?

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

The bottom of my form ( the triangle) starts to get messed up at 1370 pixels and less.

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

Thank you.