Disqus, the popular comment system we have discussed about sometimes causes a common display issue. Sometimes on some WordPress themes Disqus comment form appear wider than rest of the content. This can easily be fixed by inserting custom CSS under ‘disqus_thread’ CSS id.
First, you will be needing to figure out the width of the content area of your WordPress theme and then use custom CSS
How to insert custom CSS? One can insert custom CSS with some custom CSS inserter plugin or with Jetpack by WordPress.com’s edit CSS module that shows up on Appearance -> Edit CSS screen or by overriding custom CSS on your website’s child theme.
In this lesson we will show you how you can align your Discus comment box on Twenty Fourteen WordPress theme.
#disqus_thread {
padding: 12px 10px 0;
margin: 0 auto;
max-width: 474px;
}
Simply add the given CSS code in your child theme style.css file or alternatively you may insert this CSS via Simple Custom CSS plugin or Jetpack’s custom CSS module.