Try adding this to your css:
element.style {
width: 60%;
}
Hope that helps!
Hey Griff…
I was able to fix the same problem! Here’s how to fix it:
To adjust the width of Disqus In the TWENTY THIRTEEN default theme for WordPress, you’ll need to do the following:
– enable “output JavaScript in footer” in the Disqus WordPress plugin settings
– add the ‘entry-content’ class to the disqus_thread div in the comments.php plugin file, shown here: https://disqus-cloudfront.s3.amazonaws.com/docs/entry-content-class.png
Thread Starter
Griff
(@griffinjay)
Thanks, Chuckie. It worked perfectly.
mchelles, I’m not to test your suggested fix but maybe someone else will. Thanks, tho!
Ey Griff…
Glad to have helped! That was also quite a headache for me at first. Enjoy! 🙂
I was facing the same problem. Worked for me too. Thanks Chuckie
I fixed it by adding a ‘disqus_thread’ class in some plugin file and then assigning 60% width to it in my child theme’s style.css
Add this to style.css
#disqus_thread {
max-width: 640px;
width: 100%;
margin-right:auto;
padding: 5px;
padding-left: 30px;
}
This will make it responsive for large screens as well as tiny mobile devices, tested.
@chuckie Dreyfus
Wonderful! it seems the perfect solution for this case. Thanks a lot.
Chuckie Dreyfus, Thank you SO much!
Anonymous User 7561207
(@anonymized-7561207)
This has been incorporated in the official Disqus Help pages:
To adjust the width of Disqus In the TWENTY THIRTEEN default theme for WordPress, you’ll need to do the following:
– enable “output JavaScript in footer” in the Disqus WordPress plugin settings
– add the ‘entry-content’ class to the disqus_thread div in the comments.php plugin file, shown here: https://disqus-cloudfront.s3.amazonaws.com/docs/entry-content-class.png
These instructions are good, but I would suggest using the comment-respond class instead of entry-comment. This will give the section it’s own background color and proper spacing.
Hi dears, Chuckie Dreyfus, Thank you SO much!
Thanks , [sig moderated as per the Forum Rules]