Note: I really did love the Disqus commenting system and have used it for several years. Then I learned that Disqus started tracking visitors on my site. So like many other bloggers, I pulled the plug on Disqus for my main website. I’m using native WordPress comments here with the wp-Discuz plugin for styling and notifications. So far, so good! However, my personal website still uses Disqus so the following information is still relevant.
When I published my personal website last year, the Disqus comment area was nearly invisible.
A visitor could not be expected to leave a comment because the discussion box was totally missing!
I have never encountered this problem before, and was unsure how to correct it. I thought I might be able to fix the plugin’s CSS code, but wasn’t certain.
What I expected to see in the Disqus comment area was:
But what I actually saw was that most of the formatting and text were invisible:
I thought I might be able to apply custom CSS to adjust the Disqus color scheme, but a quick e-mail to Disqus support and I was told it’s currently not possible to apply custom CSS to the new Disqus.
I learned that Disqus will automatically apply a scheme based on the text color it inherits from a website. So depending on whether your template’s stylesheet has a light or dark color scheme, Disqus will make a selection. That means if the gray contrast s 50% or greater, Disqus will load a light color scheme. Otherwise, it loads a dark scheme.
Adjust Disqus Color Scheme
1. Change Disqus Admin Settings
You might have to try a few tweaks to get this to work for your particular theme. The simplest fix follows:
To adjust Disqus color scheme, log into Disqus admin and choose settings as shown below:
Once there, select the light or dark scheme depending on your site stylesheet. Since my theme was light, I chose light backgrounds.
You can also specify “auto” and Disqus will make the choice for you, but I believe that’s where my problem came in.
Testing is tricky because the browser cache needs to be refreshed or cleared before the changes will show. If that doesn’t work, log out of Disqus and log back in. Or try testing with another browser to see if the appearance has changed properly.
2. Modify Stylesheet Directly
If you still can’t adjust the Disqus color scheme by using the procedure above, follow this procedure for modifying your stylesheet directly.
Hopefully, you now have your Disqus comment area tweaked properly!
If you’ve encountered this problem with your WordPress website, how did you fix it? Please share your solution in the comments below!