Discussion :

[laurentSc]

Bonjour,
sur le site https://test.pasdpanique.fr/etre-rappele/ (un site de test), j'ai changé le thème (WPocean car problème avec Astra), j'ai des formulaires de contact (comme celui de l'URL ci-dessus), mais les champs de saisie sont invisibles. Comment peut-on leur appliquer des règles CSS, comme

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
encadrer
{
    border: 2px black solid;
}

[laurentSc]

J'ai trouvé pour ajouter une bordure autour des champs de saisie :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
form.wpcf7-form input
{
    border: 2px black solid;
}

Par contre, je voudrais fixer la longueur d'un des champs, et là, je sèche. J'ai essayé

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
form.wpcf7-form input[name="number-851"]
{
	width:100px;
}

mais ça ne fait rien. Quelqu'un aurait une idée ?

[laurentSc]

En fait, il ne s'agit pas d'un champ de type input=text, mais d'un champ de type number.

Du coup, j'ai mis ça :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
form.wpcf7-form select,form.wpcf7-form number
{
	width:100px;
}

Ca a bien modifié un autre champ qui est du type select mais pas le champ de type number. Comment faudrait-il faire ?

[laurentSc]

Nouvelle idée mais encore pas bon :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.wpcf7 select,.wpcf7 input[type=number]
{
	width:100px;
}

Cette idée m'est venue en regardant ce codepen : https://codepen.io/nregard/pen/YqVgdg

[SpaceFrog]

et le !impottant ?

[laurentSc]

Bonjour,
je viens seulement d'être dispo pour tester, et désagréable surprise : page not found !
Du coup, je suis retourné sur la page et l'ai remise à jour (et pour être sûr que ça ne vienne pas du contenu, j'ai tout mis en commentaire), mais pareil
Comment m'en sortir ?