I installed Disqus onto my twenty fourteen template and the comment entry area stretched across the bottom of the page. It didn’t look right. Turns out you need to edit the style.css sheet in the themes appearance editor in 2014 and 2013.
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;
}
(@pmeister1)
9 years, 11 months ago
I installed Disqus onto my twenty fourteen template and the comment entry area stretched across the bottom of the page. It didn’t look right. Turns out you need to edit the style.css sheet in the themes appearance editor in 2014 and 2013.
Find the link here
http://help.disqus.com/customer/portal/articles/1305379-twenty-thirteen-fourteen-theme-conflict-in-wordpress—known-issue
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;
}
https://wordpress.org/plugins/disqus-comment-system/