Change Login With Joomla Button to image

There will be tons of changes/fixes as needed. The idea is to make this a grade A free login module for everyone, with (of course) the hook to want to add social integration as well.

For the login buttons, go into the "Social" configuration area and set them to "Icon" or "Icon + Text". For now, we left it to the default of "Javascript", which is what the normal SCLogin module uses, but will likely be defaulting it to the 'pretty buttons' in the future.

As for the orientation of the social buttons, also in the "Social" section is an option for "Orientation", where you can set them to show on the right or under the rest of the login module.

Finally, for the Modal, there's a few reasons that may not work if you're using the loadposition. We have a (admittedly hacky) way that we're creating the modal right now and if you're loading it from within a component, that may break. If you use the SCLogin in a real module position, that should work. We're looking into a better solution and will test more with loadposition...

Definitely keep us posted with your feedback. The idea is to keep this as a free download, but also integrate it into the next major release of JFBConnect and JLinked, so the better we can make it is better for everyone.

Thanks,
Alex

Will the new style be incorporated into the plugin options as well with the next version?

Do you mean in the {JFBCLogin} tag?

There's a few things we're looking at doing to revamp those tags. Alternatively, it's very easy (right now) to use the custom image HTML for the button to use your own image/button if you wanted to. If unsure how, just let us know and we can help.

Definitely let us know if the SCLogin in a non-loadposition area works better for you... I knew there'd be someone like you out there to break it

Thanks,
Alex

Thanks for the compliments, and glad to hear it's working well. The reason the button text is 'hidden' is because your template is setting it to the same color as the background itself with the following line in /templates/yoo_showroom/css/bg_main/black.css
If you update the /modules/mod_sclogin/css/sc_bootstrap.css file, around line 473, you'll see the definition for:Update the color line with the !important statement below, and that will 'force' the text color to black as expected:
Hope that helps,
Alex