Customize registration form

  • Resolved RL86

    (@rlijkendijk86)


    7 years, 5 months ago

    Hi,

    By default the registration form shows the input fields on a new row, for example:
    Username
    [input field]

    What i want is for them to be on the same line. So like this:
    Username: [input field]
    Password: [input field]

    Please tell me how to make this happen ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 15492506

    (@anonymized-15492506)

    Hello,

    well, I think you have to customize it through css. Atleast I don’t see a checkbox or something like that for it.

    For example:
    .um-field-label {width: 10em;}
    .um-field {display:flex;}

    or

    .um-field-label {width: 20%; float:left;}
    .um input {width:70%;}

    Of course you have to know css so you can customize your form.
    But an option to directly changing it, would be nice too. ??

    Thread Starter RL86

    (@rlijkendijk86)

    Thanks for pointing me in the right direction.
    This seems to do the trick:

    .um-field-label {width: 11em;}
    .um-field {
    display: flex;
    }
    .um-field-area {
    width: 24em;
    }

    in combination with some CSS so it only aplies to desktop resolutions, otherwise it will look like shit on mobile ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customize registration form’ is closed to new replies.