fb-comments in website how to set width 100%


how to add facebook comment to website

To add Facebook comments to your website, you can follow these steps:

  1. Go to the Facebook Developers website and log in to your Facebook account.
  2. Click on “Get Started” under the “Comment Moderation” section.
  3. Choose the platform that you want to use for your website. For example, if your website is built with WordPress, you can choose the “WordPress” option.
  4. Follow the instructions to install the Facebook comments plugin on your website. This may involve downloading and installing a plugin or adding some code to your website’s HTML or template files.
  5. Once the plugin is installed, you can customize the settings for your Facebook comments. For example, you can choose the color scheme, the number of comments to display, and whether to show user profiles or not.
  6. Save the changes and publish your website.

After following these steps, your website visitors will be able to leave comments on your website using their Facebook accounts. You can also moderate the comments from the Facebook Comments Moderation tool on the Facebook Developers website.

fb-comments in website how to set width 100%

To set the width of Facebook comments to 100% on your website, you can use CSS. Here’s an example:

.fb-comments {
  width: 100%;

This CSS code targets the fb-comments class and sets its width to 100%. You can add this code to your website’s CSS stylesheet or include it in a

Alternatively, you can also set the width of the Facebook comments plugin directly in the code where you embed it on your website. For example:

<div class="fb-comments" data-width="100%"></div>

In this code, the data-width attribute is set to 100%, which will set the width of the comments plugin to the full width of its parent container. Note that this method only works if the parent container has a defined width.