What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    change the widths of first and last name inputs

    Asked by gdovindesigns on August 27, 2014 at 09:54 PM

    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!

    Page URL:
    http://www.gdovindesigns.com/client/lisaMeck/jamesLeaver/contact.html

    name site css rules full name css
  • Profile Image
    JotForm Support

    Answered by jonathan on August 28, 2014 at 12:17 AM

    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.

     

     

     

     

     

  • Profile Image

    Answered by gdovindesigns on August 29, 2014 at 03:02 PM

    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!

     

  • Profile Image
    JotForm Support

    Answered by KadeJM on August 29, 2014 at 04:17 PM

    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.