Disqus display issue

Oh yuck, that doesn’t look so great.

Okay, because the solution is going to be a bit complex and it will benefit everyone, I’m going to add a fix for this to an upcoming version of Tracks.

We already have a release scheduled for today, so I’ll put it into the following update (v1.19). We can have that available in a few days.

Super, thanks so much! Can’t wait ??

I’ll put them back to standard in the meantime.

No problem! I’ll post here when the update is available.

UPDATE: version 1.20 is available, and Disqus is now displaying properly.

Did this fix get rolled out of the code? I’ve got 1.29 and disqus spreads the entire width still.

Could you share a link to a post using Disqus, so I can check it out?

For reference, here is how Disqus should be displaying: https://i.imgur.com/lyZZg7Q.png

I can only assume there was some weird caching issue happening (even though I have caching disabled and forced refresh while tweaking). After disabling Disqus altogether and re-enabling it, it’s playing nicely now and looks as the image above.

That’s great to hear! I will keep an eye out for this bug, and please let me know here if you are ever able to recreate it.

Okay, I have some more data that may or may not help you pinpoint. It was working fine until I switched to the premium layout, and now it’s not matching up (comments container too wide). I tried malone76’s fix of disabling and re-enabling, but it’s still broken. So I’m not sure if that helps, but I thought I’d mention it.

Thanks for the additional info. I wasn’t able to recreate the issue when using a different layout, so there must be something else causing it.

Would you mind sharing a link to your site?

If you use any caching plugins, it would definitely be worth a shot emptying the cache to see if that makes a difference.

https://melissamaples.com

I have seven plugins:

Akismet
Dean’s Permalinks Migration
Disqus Comment System
Facebook Featured Image and Open Graph Meta Tags
Feedburner Feed Replacement
Flickrpress
jQuery Lightbox For Native Galleries

None of which are caching and there’s no cache folder or definition line in wp-config. So hmmmmm.

Thanks for the link!

I will add a fix for this in the next update, but you can fix it right now with the following CSS:

#disqus_thread {
  max-width: 1280px;
}
@media all and (min-width: 1400px) {

  #disqus_thread {
    padding: 1.5em 285px 3em;
  }
}

You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

Boom! I pasted it into my child theme’s stylesheet and that worked perfectly. Thank you again!

You’re welcome ??