WooFrance Dépannage et support WordPress WooCommerce Forums Les plugins WordPress WooCommerce WordPress – CSS pour personnaliser le formulaire d’inscription WCMp

3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #404934
    Hervé
    Participant
    Points: 237 pts

    Bonjour,

    J’aimerai personnaliser un formulaire d’inscription
    J’ai inséré du CSS pour la couleur (aléatoires) des textes:
    body .wcmp_regi_main .reg_header1 {
    font-weight: 400;
    color: #FF9900;
    }

    body .wcmp_regi_main .wcmp_regi_form_box label {
    font-weight: 400;
    color: #566573;
    }

    Mais comment changer la couleur de l’encadrement des Champs à remplir ?
    Cordialement

    • Ce sujet a été modifié le il y a 1 année et 11 mois par Hervé.
    • Ce sujet a été modifié le il y a 1 année par WB2.
    • Ce sujet a été modifié le il y a 1 année par WB2.
    depanagewp
    #405276
    Anonyme
    Inactif
    Points: 0 pts

    Bonjour,

    Il vous faut sélectionner l’élément, et cibler l’attribut border. Tel que :

    .mon-element{
    border: 1px black solid;
    }

    Changez la largeur en modifiant les px
    Changez la couleur avec la deuxième partie
    La troisième partie indique que ce doit être un bord uni.

    Au plaisir,

    depanagewp
    #405526
    Hervé
    Participant
    Points: 237 pts

    Bonjour,

    Merci de m’avoir répondu,
    Je n’arrive toujours pas à créer la bordure que pour les champs du formulaire d’inscription WCMp …
    Au bas du formulaire il est dit : Utilisez les classes CSS [wcmp-regi-12], [wcmp-regi-6], [wcmp-regi-4] pour personnaliser les formulaires…
    J’ai essayé ce CSS mais cela encadre  tout l’intitulé et le champ  :
    .wcmp-regi-12 {
    border: 1px #CCD1D1 solid;
    }
    Mes connaissances en CSS sont vraiment limitées …
    Cordialement

     

    • Cette réponse a été modifiée le il y a 1 année et 11 mois par Hervé.
    • Cette réponse a été modifiée le il y a 1 année et 11 mois par Hervé.
    depanagewp
3 sujets de 1 à 3 (sur un total de 3)
  • Vous devez être connecté pour répondre à ce sujet.