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
}
Olá @tophee,
Estava me perguntando como você consegue colocar o título do campo na primeira coluna e o campo curto + descrição na segunda coluna?
No meu site, atualmente, ele aparece assim:
Isso ocupa uma quantidade desnecessária de espaço e os campos largos não ficam muito bonitos.
Tentei brincar com
display: flex, mas não consegui alcançar nada; minhas habilidades em CSS são ainda bem básicas. Qualquer ajuda seria apreciada.
Desculpe, fiz isso anos atrás e não me lembro de como foi feito, exceto pelo que está documentado aqui.
Não tenho certeza, mas consigo pensar em três explicações para as diferenças entre minha e sua captura de tela:
- O CSS padrão mudou desde 2017
- O layout é diferente se você usar campos de usuário personalizados (como fiz na época)
- Eu alterei, mas não me lembro de ter feito isso ou de como fiz.
Obrigado pela resposta rápida. Também incluí campos personalizados, então o ponto 2. não deve ser o problema. Acho que o CSS padrão pode ter mudado desde então.
Criei um componente de tema e adicionei algum CSS para a versão desktop, conseguindo fazê-lo funcionar (após apenas algumas horas 
), e o resultado ficou mais ou menos como eu queria (veja a captura de tela).
Posso compartilhar o código mais tarde, depois de limpá-lo e entender quais partes realmente preciso e como alinhar as coisas corretamente.
Você não está sozinho 