Making some fields side by side and shorter

  • Profile Image
    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

  • Profile Image
    Kiran
    Answered on November 16, 2015 at 02: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;

    }

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