Sujet Précédent Sujet Suivant

WPForms: prise de tête !

Résolu/Fermé
Peanuts74 Messages postés 3 Date d'inscription vendredi 25 novembre 2016 Statut Membre Dernière intervention 22 août 2018 - 19 août 2018 à 21:23
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 22 août 2018 à 18:03
Bonjour à tous !

Je tourne en rond avec mon style de contact en anglais.
J'ai créé deux entrées de formulaire, un en français et un autre en anglais.
Le style du français est personnalisé en Additionnal style CSS et convient nickel.
Je duplique la même page mais je change de formulaire, j'applique les mêmes réglages et le même ajout de style mais je n'ai pas du tout la m^me chose que mon formulaire français !!

Un vrai cuachemard je ne sais plus quoi changer pour que ça marche.

Voici le lien du formulaire de référence:
http://maevamerour.com/fr/contact-2-2/

Et celui que je ne parviens pas à changer:
http://maevamerour.com/auto-draft/


Merci infiniment !!



6 réponses

Réponse 1 / 6
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322
21 août 2018 à 16:16
vu que ton code est minifié et que cela le rends difficile à lire, j'ai fait une comparaison de code et ton code css est différent sur les deux pages 
body #wpforms-362 {
max-width:45%;border-width:3px;border-color:#ffffff;border-style:inherit;font-family:Raleway;}

body #wpforms-362 .wpforms-head-container {
    border-width:50px;border-color:#ffffff;border-style:inherit;    }
body #wpforms-362 .wpforms-head-container .wpforms-title {
        }
body #wpforms-362 .wpforms-head-container .wpforms-description {
    text-align:center;color:#b21c3a;font-size:10%;    display:block;
}
body #wpforms-362 .wpforms-submit-container .wpforms-submit {
    width:40%;color:#ffffff;background-color:#111111;font-size:80%;border-width:0.5;border-color:#4c4c4c;border-style:inherit;border-radius:8px;-web-border-radius:8px;-moz-border-radius:8px;    }
body #wpforms-362 .wpforms-submit-container .wpforms-submit:hover {
    background-color:#303030;       }


body #wpforms-611 {
max-width:45%;font-family:Raleway;}

body #wpforms-611 .wpforms-head-container {
        border-width: 0px;}

body #wpforms-611 .wpforms-head-container .wpforms-title {
        }

body #wpforms-611 .wpforms-head-container .wpforms-description {
    font-size:10%;    display:block;
}

body #wpforms-611 .wpforms-submit-container .wpforms-submit {
    width:40%;background-color:#111111;font-size:80%;border-color:#4c4c4c;border-radius:8px;-web-border-radius:8px;-moz-border-radius:8px;    border-width: 0px;}

body #wpforms-611 .wpforms-submit-container .wpforms-submit:hover {
    background-color:#303030;       }
1
Réponse 2 / 6
Peanuts74 Messages postés 3 Date d'inscription vendredi 25 novembre 2016 Statut Membre Dernière intervention 22 août 2018
21 août 2018 à 07:02
Un petit up ? ^^ merci
0
Réponse 3 / 6
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322
21 août 2018 à 10:07
Bonjour
soit tu as réussis à trouver le problème soit tu devrais vider ton cache parce que je ne vois aucune différence entre les deux
0
Réponse 4 / 6
Peanuts74
21 août 2018 à 10:47
Bonjour Elgazar,


Merci pour ton retour. Non le formulaire de contact en anglais a toujours ses bords blancs :(
(il y a certes un problème de lien quand on passe en anglais il revient sur la page d'accueil mais il suffit alors de retourner sur Contact).

Je ne comprends pas...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 6
Peanuts74 Messages postés 3 Date d'inscription vendredi 25 novembre 2016 Statut Membre Dernière intervention 22 août 2018
22 août 2018 à 13:31
Merci pour ton aide précieuse elgazar. Grâce à toi j'ai pu modifier mon code en rajoutant le border-color de la manière suivante (pour ceux à qui ça peut servir !): 

/** WPFORMS Input Textarea **/
.wpforms-form input, .wpforms-form textarea{
  border-color:rgb(0, 0, 0)!important; 
	background-color:rgba(100, 100, 100, 0.50)!important; 
}


Encore merci et bonne continuation ;)
0
Réponse 6 / 6
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 322
22 août 2018 à 18:03
de rien, grâce à toi j'ai pu utiliser la fonction compare de notepad++ ce qui m'arrive finalement assez rarement
0