Making some fields side by side and shorter

  • adea
    Asked on November 16, 2015 at 12:25 PM

    I have a form that I want the credit card number and the CVV field to be side by side.  I have tried adjusting some of the fields with CSS but it doesn't seem to be having the desired affect.  Can you tell me how I can adjust those fields without affecting the other fields?

     

    Carolyn

    Page URL: http://www.jotform.com//?formID=53155207835152
  • Kiran Support Team Lead
    Replied on November 16, 2015 at 2:38 PM

    In order to get the Credit card number and CVV information on the same line, you'll need to decrease the td width of CVV field so that it should move to align with CC number.

    #creditCardTable > tbody > tr:nth-child(3) > td > span:nth-child(2) {

        width: 20% !important;

    }

    Making some fields side by side and shorter Image 1 Screenshot 20

    Hope this information helps! Let us know if you need any further assistance. We will be happy to help.