change the widths of first and last name inputs

I have a form on the site listed below and I can't seem to figure out how to make the first and last name input fields to span 50% of the total width. I thought I added the correct CSS rules, but nothing seems to give me the effect I'm looking for.

 

Thanks for the help!

Hi,

Please try this injected CSS code to replace what you have.

 

#first_8 {

width: 285px !important;

}

 

#last_8{

width: 285px !important;

margin-left: 15px;

}

 

#sublabel_last{

margin-left: 15px;    

}

 

.form-textarea, .form-textbox, .form-dropdown {

width: 100%;

}

 

.form-submit-button{

background: #ffffff;

border:3px solid #5099b1;

border-radius: 0px;

background-color: transparent;

color:#5099b1;

height: 60px;

width: 175px;

font: bold 18px arial, sans-serif;

letter-spacing:.1em;}

Adjust the numbers where necessary.

It looks like this on my test form http://www.jotform.me/form/42389605981466

 

Inform us if you need more assistance.

Thanks.

 

 

 

 

 

Thanks, but this is using a set width for the cells, the site is responsive that I'm using  it it on.

You can see the form here  form

 

Thanks!

 

To me it looks like your form width is related to the problem. On my end I can see it's cut off on the right side. I think this is because of the container your form is on on your website.

If you compare it to your form by itself then the whole thing shows although it is still much wider.