All Collections
Known Issues
Twenty Thirteen/Fourteen/Fifteen (theme) Conflict in WordPress - Known Issue
Twenty Thirteen/Fourteen/Fifteen (theme) Conflict in WordPress - Known Issue
Disqus avatar
Written by Disqus
Updated over a week ago

The Disqus embed currently loads wider than normal in Twenty Thirteen, Twenty Fourteen, and Twenty Fifteen 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. Twenty Sixteen does not require this fix. 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.

Did this answer your question?