WPForms: prise de tête !

Résolu
Peanuts74 Messages postés 3 Date d'inscription   Statut Membre Dernière intervention   -  
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   -
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   Statut Membre Dernière intervention   1 326
 
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   Statut Membre Dernière intervention  
 
Un petit up ? ^^ merci
0
Réponse 3 / 6
elgazar Messages postés 5841 Date d'inscription   Statut Membre Dernière intervention   1 326
 
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
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   1 326
 
de rien, grâce à toi j'ai pu utiliser la fonction compare de notepad++ ce qui m'arrive finalement assez rarement
0