As there is no html element wrapping the comments area with padding or margin the Disqus WordPress plugin when used out of the box does not display correctly in the latest WordPress theme, 2014.
If you haven’t already install the Jetpack plugin provided by automatic and enable the Custom CSS module. If you are writing your own child theme you can add the custom css styles to your new child theme’s css file.
With Jetpack’s Custom CSS module enabled, go to Appearance > Edit CSS in the sidebar menu and and then paste in the CSS below. If you have existing CSS make sure you don’t overwrite it.
As the theme uses media queries to adjust the padding around the content area so must we for the commends container. It would be easier to just add the Disqus comments css selector to the existing CSS file, however modifying the theme’s base css file would leave us vulnerable to updates. Which would clear out any changes we’ve made. So instead we’ll use a spiffy new feature of WordPress to just add our own custom CSS to the page.