Title: Twentythirteen theme comment width issue
Last modified: August 22, 2016

---

# Twentythirteen theme comment width issue

 *  Resolved [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/)
 * Hi,
 * I am a wordpress novice and am setting up a new site. I have installed the wpDiscuz
   plugin and the comments section is spread across the entire width of the page,
   passing under the sidebar and looking generally ugly.
 * Is there any tips for fixing this? I really like the look of the plugin section
   so hopefully this can be fixed!
 * An example blog page can be found at:
 * [http://www.theprotocolnetwork.com/protocols/test-user-p1/](http://www.theprotocolnetwork.com/protocols/test-user-p1/)
 * Thanks in advance, Sam.
 * [https://wordpress.org/plugins/wpdiscuz/](https://wordpress.org/plugins/wpdiscuz/)

Viewing 15 replies - 1 through 15 (of 15 total)

 *  Plugin Author [AdvancedCoding](https://wordpress.org/support/users/advancedcoding/)
 * (@advancedcoding)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792058)
 * Hi sc414,
 * You can achieve this just changing custom css code in wpdiscuz settings page,
   hope this code will work for you, if not just change the properties.
 * Just put this css code in **Custom CSS Code** section in settings page
 *     ```
       .comments-area {
           margin-left: 100px;
           max-width: 85%;
           padding: 0 376px 0 60px;
       }
       ```
   
 *  Thread Starter [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792116)
 * Thanks AdvancedCoding! I will try it out and let you know how it goes.
 *  Thread Starter [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792117)
 * That worked beautifully, thanks again for your help – I’m glad it could be achieved
   with CSS alone.
 * sc414
 *  Thread Starter [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792208)
 * Hello again!
 * I know I marked this issue as resolved, but I have realised that there may still
   be an issue.
 * I have changed the CSS as above and this works well, but it looks different in
   different browsers and gets messed up when you zoom in and out.
 * When using the Disqus plugin, you can change the following code in the comments.
   php file to fix the formatting:
 * <div id=”disqus_thread”>
 * to
 * <div id=”disqus_thread” class=”entry-content”>
 * Is there a similar fix I could do with the wpdiscuz plugin so that the comments
   section is included in the main content? I much prefer your system and would 
   love to make it work for my site!
 * Thanks again for any help
 * sc414
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792211)
 * Hi sc414,
    Please use this css code in custom css code are instead of the one
   above:
 *     ```
       .comments-area {
           display: table;
           margin: 0 auto;
           max-width: 1040px;
           padding: 0 376px 0 70px;
           width: 100%;
       }
       ```
   
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792212)
 * And for the comment header use this:
 *     ```
       #wc-comment-header {
           padding: 20px 1px 1px 70px!important;
       }
       ```
   
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792213)
 * Never mind,
    Please forget all CSS codes above and use this one, this is a has
   a responsive feature, this is the best solution for your case.
 *     ```
       .comments-area {
           clear: both;
           display: block;
           margin-left: 15%;
           max-width: 1040px;
           padding: 0 25% 0 4%;
       }
       ```
   
 *  Thread Starter [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792214)
 * Thanks for the reply gVectors!
 * This solution works much better.
 * Does the second line of CSS also go into the Custom CSS code area or into my 
   child themes style sheet?
 * What is the purpose of this code?
 * Thanks
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792215)
 * Please ignore #6 and #7 posts.
    Please use the last one I’ve posted. #8 post.
 *  Thread Starter [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792218)
 * Okay, thanks for your help I will use #8.
 * -sc414
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792220)
 * Hi sc414,
    I see you changed `display: block;` to `display: table;`, please revert
   back to get correct width of comment area. It should be `display: block;`.
 *  Thread Starter [sc414](https://wordpress.org/support/users/sc414/)
 * (@sc414)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792221)
 * Well spotted! Thanks for your help, I will mark this thread as resolved.
 * -sc414
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792222)
 * Please wait a bit we’ll test this css on other browsers and give you another 
   more stable code.
 *  Plugin Author [gVectors Team](https://wordpress.org/support/users/gvectors-team/)
 * (@gvectors-team)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792226)
 * Ok,
    The last code is good on all popular browsers we’ve tested. You can keep
   it.
 *  [QuangDiep](https://wordpress.org/support/users/quangdiep/)
 * (@quangdiep)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792457)
 * Thanks

Viewing 15 replies - 1 through 15 (of 15 total)

The topic ‘Twentythirteen theme comment width issue’ is closed to new replies.

 * ![](https://ps.w.org/wpdiscuz/assets/icon-256x256.png?rev=1076265)
 * [Comments - wpDiscuz](https://wordpress.org/plugins/wpdiscuz/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpdiscuz/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpdiscuz/)
 * [Active Topics](https://wordpress.org/support/plugin/wpdiscuz/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpdiscuz/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpdiscuz/reviews/)

## Tags

 * [Comments](https://wordpress.org/support/topic-tag/comments/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 15 replies
 * 4 participants
 * Last reply from: [QuangDiep](https://wordpress.org/support/users/quangdiep/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/twentythirteen-theme-comment-width-issue/#post-5792457)
 * Status: resolved