WordPress.org

Forums

Twenty Thirteen
[resolved] [closed] Disqus formatting problem with Twenty Thirteen theme (13 posts)

  1. Griff Wigley
    Member
    Posted 2 years ago #

    I'm using a sidebar with Twenty Thirteen and the Disqus comment box spans the entire screen, cutting across the sidebar. Example:
    http://wigleyandassociates.com/archives/2354/

    I see that this issue was mentioned back in April:
    http://make.wordpress.org/core/2013/04/23/twenty-thirteen-project-update-april-23-2013/

    but the example linked to no longer helps, as the site evidently has removed Disqus.

    This blogger mentioned the problem in the forums here and has evidently fixed it:
    http://www.chuckdreyfus.com/2013/07/the-iceberg-has-arrived/

    but hasn't reported back. I was asked to create a new thread on the issue.

  2. mchelles
    Member
    Posted 2 years ago #

    Try adding this to your css:

    element.style {
    width: 60%;
    }

    Hope that helps!

  3. Chuckie Dreyfus
    Member
    Posted 2 years ago #

    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

  4. Griff Wigley
    Member
    Posted 2 years ago #

    Thanks, Chuckie. It worked perfectly.

    mchelles, I'm not to test your suggested fix but maybe someone else will. Thanks, tho!

  5. Chuckie Dreyfus
    Member
    Posted 2 years ago #

    Ey Griff...

    Glad to have helped! That was also quite a headache for me at first. Enjoy! :)

  6. Chester
    Member
    Posted 2 years ago #

    I was facing the same problem. Worked for me too. Thanks Chuckie

  7. 008Rohit
    Member
    Posted 2 years ago #

    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

  8. Tusker-Machine
    Member
    Posted 2 years ago #

    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.

  9. bianwenbo
    Member
    Posted 1 year ago #

    @Chuckie Dreyfus
    Wonderful! it seems the perfect solution for this case. Thanks a lot.

  10. pearcedk
    Member
    Posted 1 year ago #

    Chuckie Dreyfus, Thank you SO much!

  11. Timo Tijhof
    Member
    Posted 1 year ago #

    This has been incorporated in the official Disqus Help pages:

  12. zkiller
    Member
    Posted 1 year ago #

    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.

  13. achilandoor
    Member
    Posted 1 year ago #

    Hi dears, Chuckie Dreyfus, Thank you SO much!
    Thanks , [sig moderated as per the Forum Rules]

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic