Fixing Up Disqus Comment Form Width On Twenty Fourteen WordPress Theme

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.

disques comment

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.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.