This is driving me completely insane. I have Disqus installed on my site and am using custom CSS through the @import method on the Disqus control panel. No matter what I do I CAN. NOT. get the text color in the comment textarea to change.
Here's the part that's really making me crazy: if I modify the div#comment
selector in Chrome's element inspector, it works. But if I add the style to my stylesheet, the code doesn't even show up in the inspector! I'm absolutely certain that I uploaded the CSS file to the server. It's like Disqus is just ignoring my stylesheet for that particular section.
This thread is of no use to me because I'm not running Wordpress. And this article by Disqus doesn't even address the issue.
I really like Disqus, but this is just ridiculous. Has anyone else had this problem? Thanks.
I believe that the comments are being styled by Disqus with their embed.js
file that is used to load the comments into your page. Since the JavaScript is processed after your CSS, it is overwriting any styles you put in your stylesheet.
You could try to change the styles with JavaScript (just be sure to include your JavaScript after the Disqus script).