SCSocial Widget - 3 Issues

Issue 1 - Use the Module with similar Box Style instead of just a single button

To configure the Like button like that, you want to use the "Standard" option. Interestingly, I just noticed that the SocialWidget configuration area doesn't have options for show-faces, but that is defaulted to enabled, so it should show like you want.

Issue 2 - Change the Reference image of the site used in this module.

These are done through Open Graph tags. To set the tags for a page, do one of the following (set in this priority as well):
* Add the {SCOpenGraph image=http://yoursite.com/link-to-image.jpg} tag somewhere on the page
* Enable an Open Graph plugin for the type of page that you are sharing. Our plugins will try to automatically find the best image for the type of component view used
* Set a Default Open Graph tag in the Open Graph -> Configuration Defaults area that will be used site-wide if no other images are found
Any of the above options will help make sure that Facebook doesn't just guess at an image to use on your site.

Issue 3 - We getting a bug with SCSocial Login with Easydiscuss Component, some items are overlapping.

That's a z-index issue with your template or the EasyDiscuss theme where those images in ED are being set as 'higher' than the Like button. If you let us know the URL you're seeing that at, we can take a look to see if it's an easy CSS fix.

Thanks,
Alex

1) Ahh.. you're not looking for a Like button at all. The image you show is of the Page Plugin, which the Social Widget does support. That only works for Facebook Pages though and not individual URLs of your site. Give a go at configuring the Page Plugin to see if that's better.

2) In the defaults area, define each tag like:
image=https://site.com/your-image.jpg
The longer tag is necessary when you're using it within an article contents, or something like that.

3) Try adding the following to your template's stylesheet:
I hope that helps!
Alex