Custom CSS code: Fitting 2 sets of fields in one row

  • Profile Image
    jabedoya60
    Asked on February 27, 2018 at 11:43 AM

    Hi, I need to fit 2 sets of fields, First name and Last name into one row.

    Please take a look at the form below in the lines called, Participant 1 and Participant 2, can we fit those 2 into one line?

    Thank you.

  • Profile Image
    Victoria_K
    Answered on February 27, 2018 at 01:21 PM

    You can use following CSS code to reduce padding of those fields, so they could fit to one line. Also I've added some code to make fields smaller. 

    #id_56 {

      padding-right: 5px;

    }

    #id_57 {

      padding-left: 5px;

      padding-right: 5px;

    }

    #first_56, #last_56, #first_57, #last_57 {

      width: 95%;

      margin-right: -10px;

    }

    How-to-Inject-Custom-CSS-Codes

    1519755652The Easiest Online Form Builde

    Let us know if you need more help.