Topic-icon Spacer for Social Networking buttons in JFBC 6.2.4

Active Subscriptions:

None
Is this still valid anymore in JFBC?

#community-wrap .auth-facebook {
padding-top: 12px;
padding: 8px;
}


I am trying to add a space between the icons and the remember me tickbox and in between the icons themselves but when I inspect element I see no referent to auth.facebook.
I'd like to add this padding to this area without messing up the #community wrap a or p elements for the rest of the site.

Please advise ...

opensourceliving.org
The topic has been locked.
Support Specialist
11 years 4 months ago #51006 by mel
What specific view are you referring to? There are many different pages where the social network login buttons can be displayed, such as:
* anywhere the SCLogin module is displayed
* when using the {JFBCLogin} easy tags
* In the Joomla Users component view for login and registration if JFBConnect's 'Integrate into Joomla Login' option is enabled
* In certain JomSocial views if their 'Use SourceCoast's JFBC' option is enabled
* JFBConnect's login/registration page
* etc.

Could you be more specific about what page you're looking at, or even better give me the direct URL for the page on your site where it is not present? Searching through our code, I see no div with that id. Is this another extension that displays JFBConnect buttons, such as JomSocial?

-Melissa
The topic has been locked.
Active Subscriptions:

None
Hi Mel,

It's on the site listed in the OP - opensourceliving.org at:

Jomsocial Registration Frontpage

and

Joomla registration page
The topic has been locked.
Support Specialist
11 years 4 months ago #51013 by mel
It looks like JomSocial has removed that auth-facebook class on the frontpage, and changed the layout slightly so that doesn't work on the registration page. However, for both the JomSocial frontpage and registration page, I think you should be able to use the following:
#community-wrap .sourcecoast.login .row-fluid {
padding: 12px 8px 8px 8px;
}
The topic has been locked.
Active Subscriptions:

None
That did the trick. Thanks!
The topic has been locked.
Active Subscriptions:

None
Actually, this didn't work. I didn't clear my cache server at the time.

Any thoughts?
The topic has been locked.
Support Specialist
11 years 3 months ago #51335 by alzander
Can you let us know what you're seeing? I'm attaching a pic of what I see and it looks good. I'm also seeing the style added to your template with a padding of 12px:
File Attachment:


Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
There was an error in my custom.css code. It works.
The topic has been locked.
Support Specialist
11 years 3 months ago #51629 by mel
Glad you got it resolved. Let us know if you run into any other issues.
The topic has been locked.