Maaz,
Sorry for the delayed response. Hopefully I can help answer your questions below:
1. Is it possible to get the facebook and Google plus buttons on the top of the Login form. Please find attached how my login form looks.
Right now, there's not an option to do this. We are working on new layout system for the SCLogin module that should have more templates available. Until then, if you want to just move those buttons to the top, you can edit the /modules/mod_sclogin/tmpl/login.php file. Around line 43, you'll see:
require(JModuleHelper::getLayoutPath("mod_sclogin", "joomlaLogin_" . $layout));
require(JModuleHelper::getLayoutPath('mod_sclogin', "socialLogin"));Simply swap those two lines, and the social section will appear first.
2. Is it possible to add a label above Facebook and Google buttons saying Login using Facebook Google.
In that same section, you can add your own text, like:
echo '<div class="social-intro">Login using</div>';
require(JModuleHelper::getLayoutPath('mod_sclogin', "socialLogin"));
require(JModuleHelper::getLayoutPath("mod_sclogin", "joomlaLogin_" . $layout));3. As you can see my Login Form does not Look in the best shape and design especially with the two button of Facebook and Google floating down without a label. Do you have any suggestion to make it look good.
Try the above and see if that helps. Another thing to try is switching from the button images to icons. You can do that in the Social parameters of the SCLogin module. That may especially work well if you add the "Login using" text.
If you need anything else though, just let us know.
Thanks,
Alex
Facebook and Google buttons design
