1. Casa
  2. Knowledge Base
  3. WooCommerce Wholesale Lead Capture
  4. Stile
  5. Come personalizzare i moduli di registrazione e accesso all'ingrosso

Come personalizzare i moduli di registrazione e accesso all'ingrosso

Abbiamo ricevuto molte richieste su come stilizzare o personalizzare il modulo di registrazione all'ingrosso.

Sfortunatamente, non abbiamo il controllo su come i nostri moduli di acquisizione lead all'ingrosso appariranno sul sito del cliente. I moduli di acquisizione lead all'ingrosso di WooCommerce includono uno stile predefinito basato sui tag utilizzati da WooCommerce. E lo stile si basa fondamentalmente sul tema attivo attualmente in uso.

Se desideri apportare alcune piccole modifiche stilistiche al modulo di registrazione all'ingrosso, un buon modo per modificarle è utilizzare CSS personalizzato.

Di seguito sono riportati alcuni degli stili di base che puoi utilizzare per modificare il tuo modulo di registrazione all'ingrosso. Dovrai inserirli nel file style.css del tuo tema/tema figlio affinché abbiano effetto.


/* Aggiungi un'altra colonna */
div#wwlc-registration-form {
column-count: 2;
column-gap:60px;
}

/* Regola il margine superiore del campo paese*/
p#wwlc_country_field{
margin-top: 100%;

}

/* Regola la dimensione del menu a discesa del paese*/
#wwlc-registration-form span.select2-selection{
width:100%;
}

/* Regola la dimensione e il colore del campo */
#wwlc-registration-form .input-text.wwlc_form_field{
width:100%;
height:30px;
background-color: #f1f1f1;
}

Se non hai esperienza nella modifica di codici CSS personalizzati, ti suggerisco di consultare altre guide come questa qui che possono aiutarti a modificare il tuo tema in modo più efficiente.

Si prega di notare che la personalizzazione estensiva dello stile non fa parte dell'ambito di supporto del plugin. Se stai cercando ulteriori personalizzazioni, ti consigliamo di assumere un designer/sviluppatore. E se sei interessato ad assumerne uno, ti consigliamo qualcuno da Codeable.

Questo articolo è stato utile?

Articoli Correlati

Serve Supporto?

Non trovi la risposta che cerchi?
Contatta il Supporto
Completa il tuo acquisto