How to change sizes of first and last name inputs with CSS

  • jfdlaureano
    Asked on March 2, 2019 at 3:43 PM
    Is there a need for the name fields to be so short? I would think that they still fit fine on the form if you add 10/30 more chars to each.
    ...
  • Mike
    Replied on March 2, 2019 at 3:51 PM

    Could you please provide a bit more information on your inquiry? Are you having some issues with the labels of the form fields? Any examples would be appreciated.

  • jfdlaureano
    Replied on March 2, 2019 at 4:43 PM

    Is there an assumption that everyone ought to be named “JANE J JOKER”. or “PETER C PAN”? Just some examples of short names. I know others who have names that are longer than mine. There is no technical justification to make these fields so short.
    [cid:9AAC0976-0F69-47D6-96B6-6CBB3B1C1B44@hsd1.fl.comcast.net]
    ...
  • Mike
    Replied on March 2, 2019 at 8:33 PM

    In classic layout forms we can inject custom CSS to adjust the styles. For example, you can try the next CSS to change the sizes of the first and last name inputs.

    [data-component="first"] {
    width: 150px;
    }
    [data-component="last"] {
    width: 175px;
    }

    How to change sizes of first and last name inputs with CSS Image 1 Screenshot 20