Twenty Thirteen/Fourteen (theme) Conflict in WordPress - Known Issue

The Disqus embed currently loads wider than normal in both the Twenty Thirteen and Twenty Fourteen themes. To fix this issue, you'll need to add a short line of code to your theme's CSS so it displays at the correct width. Follow the steps below:

1. In your WordPress Admin, go to your Appearance Editor screen and select the Stylesheet (style.css) document from the right sidebar. It should be selected by default.


2. Locate the following line within the style sheet:

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 474px;
}
 

3. Edit the code to add , #disqus_thread after .page-content. It should look like this when you're done:

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
#disqus_thread {
	margin: 0 auto;
	max-width: 474px;
}
 

4. Save your changes. You should see Disqus using the same width as the article content now.

Feedback

If you would like to provide us additional feedback on this issue, please click here.