Bonjour à tous,

Je me permets de solliciter votre aide car je suis nouveau en CSS, c'est un langage que j'ai du commencer à apprendre pour mieux personnaliser des sites Wordpress.

Je me confronte à une problématique qui est la suivante :

J'ai un plugin qui me permet d'insérer des formulaires de contact.
J'utilise le plugin de formulaire sur deux pages de mon site qui sont l'acccueil et la page contact.
Et la couleur de l'arrière plan est différent pour chacun des formulaires, l'un étant en blanc et l'autre en bleu marine.

Le code couleur du site étant différement agencé selon les pages je me retrouve avec le problème suivant :

La couleur de l'arrière plan du formulaire sur la page d'accueil est en bleu marine, du coup je mets le texte en blanc avec le code suivant :

.frm_primary_label {
    color: #fff
        !important;
}

Cependant, sur la page contact la couleur de l'arrière plan du formulaire est en blanc donc je veux mettre le texte en bleu marine !

Le problème que je rencontre c'est que le code qui s'applique sur ces deux pages pour le formulaire est exactement le même et donc

quand je modifie à la page d'accueil ça modifie directement aussi à la page contact.

Comment faire pour appliquer un code personnalisé sur chacune de ces pages concernant la couleur du texte du formulaire ?
Je ne comprends pas pourquoi les deux sont liés et comment je peux faire une variante différente pour chacun,

y a t il une manipulation spécifique pour cela ?

Je vous remercie pour votre bienveillance et pour votre aide par avance.

Mes sincères salutations

Bonjour,

Pourquoi les deux sont liés ? 

Parce que tu appliques ta propriété CSS à l'élément qui porte la classe `frm_primary_label` donc ton style sera appliqué partout où cette classe sera présente, peu importe que cela soit sur une page ou une autre et la charte graphique de la page concernée.

Comment faire pour ton problème ?

Je n'ai pas ton site sous les yeux mais je suppose que chaque page doit avoir une classe différente, probablement sur la balise `body`, pour les différencier. Par exemple, la home page porte probablement la classe `home`. 

Et si ce n'est pas le cas tu devrais pouvoir ajouter ces classes.

Suite à cela tu pourrais faire quelque chose comme : 

.home .frm_primary_label {
    color: #fff;
}

.contact .frm_primary_label {
    color: <autre_couleur_de_ton_choix>;
}