I’ve recently added the Disqus plugin to two of my WordPress blogs/sites – encounterthis.com/blog and somethingbeautifulpodcast.com.
Unfortunately I found out Friday morning that the default CSS styling makes reading the comments almost impossible if you’re using a dark/black background. I did a lot of searching and saw suggestions to add a Javascript command to the header file, create an entirely separate CSS file and more. None of them seemed to work for me. I just wanted an easy/non-Java option.
So with some help from my Firefox Web Developer plugin I was finally able to figure out the CSS styling and changed it to my liking.
I just added the following code to my main CSS page for the site:
/* --- disqus css -- */
#disqus_thread {
color: #ffffff;
border-style: 0px solid;
border-color: #cccccc;
padding: 5px;
}
#dsq-content #dsq-comments .dsq-comment-body {
color: #fff;
background-color: #000000;
}
.dsq-reaction-body {
color: #fff;
}
.dsq-reaction-header cite, .dsq-reaction-header span {
color: #ccc;
}
.dsq-reaction-retweets {
color: #ccc;
}
/*--- end disqus css --*/
There may be some duplication here, but for whatever reason, this is what got the styling to work how I wanted it to.
To use this, simply copy and paste it into your sites main CSS file and then make any further customizations.
The key is the CSS class selectors. Once you get those figured out, you can do pretty much whatever styling you want.
See the final result:
As a side note, I’m considering adding Disqus or Intense Debate to this site, but I haven’t come to a conclusion on either one yet.
Anyone have any pros or cons to adding either of the commenting systems? I’d love to know.
Ur a God sent. God bless u for this post 🙂
– Dickieman.com
No prob. Glad I could help!
Ur a God sent. God bless u for this post 🙂
– Dickieman.com
No prob. Glad I could help!
ok i just realized it overode my facebook connect plugin.. ill figure it out tho.. thanks.
Excellent blog. I think site Navigation is pivotal in great website design!
Excellent blog. I think site Navigation is pivotal in great website design!
Dickieman is right, you are a God set! I just finished the theme for my future wordpress blog and I had no idea how to fit Disqus into it.
________________
Mathew Farney – Web Hosting
glad i could help!
I think Disqus is a lot better, I just want them to roll out that new social media comments feature.I really liking disqus especially the way it integrates twitter…
Disqus Comments is my commenting application of choice. I have just added here and love the ease of integration and the way it looks.
I think DISQUS is a great comment plug-in because your comments can be shared on Twitter & Facebook and other comments with the help of DISQUS.
Recently, i started using intensedb and it looks good towards improving the comment system of my blog. But i see many people are using disqus in their blogs.
looks good. need to try this out. thanks
thanks 🙂
Thanks!
Thanks for this.
I see that you are no longer using Disqus. I’m always curious to know what your logic was behind this decision? Thanks!
Disqus was becoming a resource hog and wasn’t very dependable. It was down or overloaded quite frequently and it would drastically slow my site load time down. I also didnt see it increasing my comments at all or adding any benefits that I needed so I decided to go without.
Thanks man! Cheers
I don’t think it works anymore in 2018. Disqus is an loaded in an Iframe. Custom css from your own stylesheet won’t work I believe.
i wont work i tried