CSS Problem with SCLogin, Facebook button..

WebTrooper
Offline

Active Subscriptions:

None

11 years 9 months ago #23986 by WebTrooper

CSS Problem with SCLogin, Facebook button.. was created by WebTrooper

Where do I edit the CSS for the facebook button, namely the .fb_button, a.fb_button, .fb_button_large, etc... I can't find it anywhere and my button is ugly and I can't get rid of the blue box around it. The attached file shows it in a popup module but it's the same in a standard module position. Sorry, I can't link to the page because it's not online yet. Hope this is enough info.

Thanks

The topic has been locked.

alzander
Offline

Support Specialist

11 years 9 months ago #23987 by alzander

Replied by alzander on topic CSS Problem with SCLogin, Facebook button..

You can add overrides for those styles in any template on your site. They are *not* defined in any CSS file that you have the ability to edit. They are included through the Facebook Javascript library dynamically at run time. So, to fix them, you'll need to use more specific selectors, like:
.jfbclogin .fb_button { ... }

Using a style with .jfbclogin in front should override the defaults provided by Facebook.

Additionally, with the new SCLogin module in v4.2.3, you can use your own custom image or text link if you'd prefer. One option is just taking a picture of the Login With Facebook button how you want it to look and use that