Is there a way to modify the layout of the signup page? More precisely, I would need to make the left column a good bit wider to make space for some custom field labels:
Edit the CSS in Admin, Customize as needed
This CSS mod seems to work:
.create-account .user-field label {
width: 190px
}
.create-account .user-field .controls {
margin-left: 200px
}
Mobile is a bit more tricky but at least on High Resolution screens, this seems to work without adjusting the width of the actual field/combobox:
.create-account .user-field label {
width: 140px
}
.create-account .user-field .controls {
margin-left: 140px
}
Hola @tophee,
Me preguntaba cómo logras tener el título del campo en la primera columna y el campo breve más la descripción en la segunda columna.
En mi sitio actualmente se ve así:
Esto ocupa una cantidad innecesaria de espacio y los campos anchos no se ven muy bien.
He intentado experimentar con
display: flex, pero no he logrado nada; mis conocimientos de CSS son bastante básicos por ahora. Agradecería cualquier ayuda.
Lo siento, lo hice hace años y no recuerdo cómo lo hice, excepto lo que está documentado aquí.
No estoy seguro, pero puedo pensar en tres explicaciones para las diferencias entre tu captura de pantalla y la mía:
- El CSS predeterminado ha cambiado desde 2017.
- La disposición es diferente si utilizas campos de usuario personalizados (como hice en ese momento).
- Lo cambié, pero no recuerdo haberlo hecho ni cómo lo hice.
Gracias por la respuesta rápida. También tengo campos personalizados incluidos, así que el punto 2. no debería ser el problema. Supongo que el CSS predeterminado puede haber cambiado desde entonces.
Creé un componente de tema y agregué algo de CSS para el escritorio, logrando que funcionara (¡tras solo unas pocas horas 
) y se ve más o menos como quiero (ver captura de pantalla).
Quizás comparta el código más adelante, después de limpiarlo y entender qué partes necesito realmente y cómo alinear las cosas correctamente.
No estás solo 