create facebook login button with css

This should be relatively simple. You will need to create a template override and replace the calls we're making to add the login button with your custom code.

Here's the code to add a link with the FB login functionality. You will need to add the appropriate classes for styles.
Then change the 'facebook' for each provider you want to display - amazon, facebook, github, google, instagram, linkedin, meetup, twitter, vk, windowslive, and yahoo are available.

Some of the templates you may need to override:
1. /modules/mod_sclogin/tmpl/socialLogin.php (around line 24 - the call for echo $loginButtons;)
2. /components/com_jfbconnect/views/loginregister/tmpl/default.ph (around line 66 - the call for JFBCFactory::getLoginButtons)
3. If you have the integrate with Joomla login setting enabled in JFBConnect > Configuration > General, then disable this and override the forms in
/components/com_users/views/login/tmpl/default.php and /components/com_users/views/registration/tmpl/default.ph to add the buttons if you want them here too.

Try this out and let us know if you have any difficulties.

-Melissa

Yes, you can put it there where you have mentioned. My suggestions for the overrides are for if you want to replace the places we put those image buttons in the JFBConnect component and SCLogin module. If you have already turned off those features or the user can't get to those views, then your change should be sufficient. I hope that clears up the confusion.

-Melissa

Not a problem. I liked the idea as an option for JFBConnect/SCLogin too, so I've put an issue in our tracker to investigate it for a future release.