Comment changer la couleur du texte dans Disqus comment textarea?

Question

J'utilise Disqus external comment system avec Wordpress (comme un plugin WP) et j'essaie de le personnaliser avec mon CSS personnalisé.

Tout fonctionne très bien, mais j'ai des problèmes avec le remplacement de la couleur de texte par défaut dans le formulaire textarea.

Je l'ai essayé avec:

#dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { color: red !important } 

mais je n'ai pas réussi, même quand je targetet juste « textarea » il ne fonctionne pas.

Il semble que javascript joue ensemble parce qu'il y a 2 événements: lorsque la zone de texte est focalisée et floue. Quand il y a un "flou", la classe CSS .placeholder-gray est ajoutée à la zone de texte, mais le ciblage avec CSS ne fonctionne pas aussi bien. Disqus a une documentation très pauvre, donc j'ai compris tout cela avec l'inspection du code.

Toutes les idées seraient très appréciées.

post-scriptum Je n'ai pas d'exemple de travail en ligne, vous pouvez le voir sur n'importe quel blog/site web où Disqus est utilisé, par exemple sur leur propre blog au: http://blog.disqus.com/post/974280725/achievement-unlocked-merging-profiles#disqus_thread

Answer 1

Le site auquel vous liez a un bloc de style CSS juste avant le textarea, si vous éditez ceci pour ajouter color: #f90; cela changera la couleur du noir habituel en orange (dans cet exemple). Vraisemblablement, vous pouvez également ajouter cela dans le head du document à la place. Si vous utilisez quelque chose comme les outils de développement de Chrome ou, j'imagine, Firebug pour Firefox, vous pouvez éditer le html/css en place pour voir l'effet en direct (bien qu'il ne persistera pas) pour voir quels changements vous pouvez, ou besoin de faire.

Answer 2

Si vous ne l'avez pas encore résolu, j'ai trouvé une solution qui a fonctionné pour moi. Juste un peu après le tag body {} dans la feuille de style de wordpress, vous trouverez le ul {} là-bas changer le color:#FFFFFF en color:#000000 (ou quelle que soit la couleur que vous aimez). Cela a fonctionné pour moi et j'espère que cela fonctionnera pour vous.

body{ 
text-decoration: none; 
background-color: #000000; 
} 

a:hover{ 
color: #FFFFFF; 
} 

a { 
color: #CCCCCC; 
text-decoration: none; 
font-size: 14px; 
}  

li { 
padding: 10px 10px 0px 10px; 
}  

ul { 
list-style:none; 
>>> color: #000000;  
margin-left: 25px;  
} 

Answer 3

Selon la façon dont le thème est aménagé, Disqus peut hériter d'une couleur différente qui peut être le même que l'arrière-plan. Vous pouvez le modifier en utilisant la commande prioritaire suivant:

#dsq-content { color: #ffffff !important; } 

Si la couleur du texte ne change toujours pas, vous devez cibler des commentaires plus directement. Cela peut être fait avec le CSS suivant:

.dsq-full-comment { color: #ffffff !important; } /*for Narcissus theme users*/ 

.dsq-comment-body { color: #ffffff !important; } /*for Houdini theme users*/ 

Answer 4

Le site vous WEBLINK à un design css juste avant l'empêcher textarea, si vous modifiez cette option pour ajouter color: # f90; il va modifier avec l'obscurité régulière au citron (dans cet exemple). Vraisemblablement, vous pouvez également ajouter cela dans le feuillet des journaux à la place.

Spybubble Free