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

  • Profile Image
    jfdlaureano
    Asked on March 02, 2019 at 03: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.
    ...
  • Profile Image
    Mike
    Answered on March 02, 2019 at 03: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.

  • Profile Image
    jfdlaureano
    Answered on March 02, 2019 at 04: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]
    ...
  • Profile Image
    Mike
    Answered on March 02, 2019 at 08: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;
    }