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

  • regalwings
    Asked on February 29, 2016 at 4:34 PM

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

  • Kevin Support Team Lead
    Replied on February 29, 2016 at 9: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.

  • regalwings
    Replied on March 1, 2016 at 3:56 PM

    thanks! how can i increase space between them?

  • Kevin Support Team Lead
    Replied on March 1, 2016 at 5: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.