Modifier couleur de fond des commentaires sur css

maryse & Cocotte Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -  
maryse & Cocotte Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
blogeuse de cusine sur wordpress.com, j'ai pris un nouveau thème sur mon blog que voici : https://maryseetcocotte18.wordpress.com/
le soucis est que dans la rubrique des commentaires, la couleur de fond est trop sombre et je voudrais la changer. J'ai essayé plusieurs code pour ma feuille de style, mais rien n'y fait, je n'arrive pas à changer cette couleur !! voici le code que j'ai essayé :

/*
}
article.comment {
display: block;
background-color: #FFFACD !important;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
padding: 10px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
}
*/
merci pour vos réponses et aide !

5 réponses

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Salut,

Ton code css est en commentaire, enlève les deux lignes suivantes :
/*
*/
autour de ton code et les modifications devraient apparaitre.

Bonne journée
0
maryse & Cocotte Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
Merci beaucoup Pitet de me répondre aussi vite ! voilà ce que j'ai mis sur ma feuille sur tes conseils, mais ça n'a pas marché !

.article.comment {
display: block;
background-color: #FFFACD !important;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
padding: 10px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
}

par contre en début de 3° ligne ( justement celle qui m'intéresse ! ), il y a un petit triangle jaune avec un point d'exclamation !!

merci encore !
0
maryse & Cocotte Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
et lorsque j'ai enlevé le " !important ", le triangle s'est enlevé, j'ai de nouveau essayer avec ce code, mais ça ne marche pas non plu !!
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Le problème vient du sélecteur css : il ne faut pas mettre de point devant "article" car il s'agit d'une balise html et non d'une classe css.
Corrige ton code comme ceci :

article.comment {
display: block;
background-color: #FFFACD !important;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
padding: 10px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
}

Essaye avec et sans le !important, si ça fonctionne sans pas besoin de le mettre.

Bonne journée
0

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

Posez votre question
maryse & Cocotte Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
merci beaucoup Pitet, effectivement ça marche avec ce code là mais sans le !important !!

article.comment {
display: block;
background-color: #FFFACD;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
padding: 10px;
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
}

merci merci beaucoup !!!
0