1. Accueil
  2. Base de connaissances
  3. WooCommerce Wholesale Lead Capture
  4. Stylisation
  5. Comment styliser les formulaires d'inscription et de connexion en gros

Comment styliser les formulaires d'inscription et de connexion en gros

Nous avons reçu de nombreuses demandes sur la manière de styliser ou de personnaliser le formulaire d'inscription en gros.

Malheureusement, nous n'avons aucun contrôle sur l'apparence de nos formulaires de capture de prospects en gros sur le site du client. Les formulaires de capture de prospects en gros de WooCommerce incluent un style par défaut basé sur les balises utilisées par WooCommerce. Et le style dépend essentiellement du thème actif actuellement utilisé.

Si vous souhaitez apporter des modifications mineures au style du formulaire d'inscription en gros, une bonne façon de les modifier est d'utiliser du CSS personnalisé.

Vous trouverez ci-dessous quelques styles de base que vous pouvez utiliser pour modifier votre formulaire d'inscription en gros. Vous devrez les placer dans le fichier style.css de votre thème/thème enfant pour qu'ils prennent effet.


/* Ajouter une autre colonne */
div#wwlc-registration-form {
column-count: 2;
column-gap:60px;
}

/* Ajuster la marge supérieure du champ pays*/
p#wwlc_country_field{
margin-top: 100%;

}

/* Ajuster la taille de la liste déroulante du champ pays*/
#wwlc-registration-form span.select2-selection{
width:100%;
}

/* Ajuster la taille et la couleur du champ */
#wwlc-registration-form .input-text.wwlc_form_field{
width:100%;
height:30px;
background-color: #f1f1f1;
}

Si vous n'avez pas d'expérience dans la modification de codes CSS personnalisés, je vous suggère de consulter d'autres guides comme celui-ci celui-ci qui peut vous aider à modifier votre thème plus efficacement.

Veuillez noter que la personnalisation étendue du style ne fait pas partie de la portée du support du plugin. Si vous recherchez une personnalisation plus poussée, nous vous recommandons d'engager un designer/développeur. Et si vous souhaitez en engager un, nous vous recommandons quelqu'un de Codeable.

Cet article vous a-t-il été utile ?

Articles liés

Besoin de support ?

Vous ne trouvez pas la réponse que vous cherchez ?
Contacter le support
Finalisez votre achat