Personalizza il layout della pagina di registrazione

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
}

Ciao @tophee,
mi chiedevo come riesci a posizionare il titolo del campo nella prima colonna e il campo breve + descrizione nella seconda colonna?
Nel mio sito attualmente appare così:


Questo occupa una quantità di spazio non necessaria e i campi larghi non hanno un aspetto molto gradevole.
Ho provato a giocare con display: flex, ma non sono riuscito a ottenere nulla; le mie competenze CSS sono ancora piuttosto basilari. Qualsiasi aiuto sarebbe apprezzato.

Mi dispiace, l’ho fatto anni fa e non ho alcun ricordo di come l’abbia fatto, tranne quanto documentato qui.

Non sono sicuro, ma posso pensare a tre spiegazioni per le differenze tra il mio e il tuo screenshot:

  1. Il CSS predefinito è cambiato dal 2017
  2. Il layout è diverso se si utilizzano campi utente personalizzati (come ho fatto io all’epoca)
  3. L’ho modificato, ma non ricordo di averlo fatto o come l’abbia fatto.

Grazie per la risposta veloce. Ho anche campi personalizzati inclusi, quindi il punto 2. non dovrebbe essere il problema. Immagino che il CSS predefinito sia cambiato da allora.
Ho creato un componente del tema e aggiunto del CSS per il desktop, riuscendo a farlo funzionare (dopo sole poche ore :sweat_smile:) e ora si presenta più o meno come vorrei (vedi screenshot).

Potrei condividere il codice in un secondo momento, dopo averlo ripulito e capito quali parti mi servono realmente e come allineare correttamente gli elementi.

Non sei solo :upside_down_face: