Facebook comments

[FishingReports]

Hi,
I was fallowing you step by step tutorial for Facebook login integration and it works.
But I'm stuck with Facebook comments integration. I went to Dashboard Settings External Services. I put into Comment code field the code I got from Fb

<div class="fb-comments" data-href="https://www.fishingreports.biz/" data-numposts="5" data-width=""></div>

But I also have the code

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v8.0&appId=3593216324022862&autoLogAppEvents=1" nonce="Cj2M8dU0"></script>

Do I need to insert it somewhere or it's already built in?

I don't see an option to comment images. Please advice.

 

[Rodolfo]

Try putting all codes together. If that doesn't work, you could use a header hook.

Theme | Chevereto V3

Documentation for Chevereto V3

v3-docs.chevereto.com

 

[FishingReports]

Try putting all codes together.

Thank you! It works.
However now I'm facing another problem - text of comments are invisible in dark mode. Please advice how to fix it.

 

[Rodolfo]

Most likely that looks odd because the Facebook HTML comments aren't aware of the tone used by each user. If you use tone light it should look fine.

As the theme toggle won't update the contents of Facebook's box, the best approach is to simply force a background color for the comments box, in this case .fb-comments. You can do that by injecting your custom CSS rules at Dashboard > Settings > Theme.

https://v3-docs.chevereto.com/customization/theme.html#add-custom-css-and-js

 

[Support]

Unfortunately, this ticket has more than seven days without a reply or feedback from the original poster. We will now consider this ticket abandoned and its now closed.

Don't hesitate to create a new ticket if this matter is still causing you issues.

Ticket closed.