Name field: How to reduce the width of the "First Name" and "Last Name" fields and display them inline?

  • Profile Image
    regalwings
    Asked on February 29, 2016 at 04:34 PM

    how cani get the first and last name field smaller and on the same line?

  • Profile Image
    Kevin_G
    Answered on February 29, 2016 at 09:43 PM

    Please inject this CSS in your form:

    [data-type="control_fullname"] .form-sub-label-container {

        width: 45%;

    }

    Do let us know if it works.

  • Profile Image
    regalwings
    Answered on March 01, 2016 at 03:56 PM

    thanks! how can i increase space between them?

  • Profile Image
    Kevin_G
    Answered on March 01, 2016 at 05:14 PM

    Try with this code:

    [data-type="control_fullname"]:nt-child(2) {

        margin-left:5%;

    }

    It will separate  the "last name" field from the "first name", replace the value with other one that you think that is needed.