Category Archives: Resources

Useful things for you.

How to Fix Disqus comment width on the WordPress 2014 theme

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.

The Fix

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.

Explanation

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.