How to show facebook comments "Add comment" field by default

Question

I'm using facebook commenting plugin for my website and I came across one small problem. When a certain number of comments are made, the "Add comment" field disappears and user has to click on add comment link to show it.

This one:

---

I want to know if there is a way to always show "Add comment" field no matter how many comments are there.

So it looks like this:

EDIT: Here is my facebook-comments code

---

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=/*my app ID*/";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-comments" data-href="http://myweb.com/<?php echo "$article_id";?>" data-num-posts="10" data-width="520"></div>

Answer 1

Go to 'Edit Comment Settings' and check 'Always show' in the Comments composer section. You need to be logged in as administrator for that page in order to configure comments settings.

Answer 2

I tried it at my end and by default the comment box was shown. https://developers.facebook.com/docs/reference/plugins/comments/

Did you try overriding CSS?

#facebook .hidden_elem {
display: none !important;
}

In your css mention it as :

   #facebook .hidden_elem {
    display: block !important;
    }