Topic-icon in sclogin module "connect with fb" button now showing

Active Subscriptions:

None
site: http:// bayleafmarket .com ?wakulla=1


Alex,

I just upgraded to the latest jfbc release and the FB Connect button is not showing (the G+ button is).

I may have overwritten some of the jfbc css however when I disable css it shows a link to G+ but the "connect to facebook" test is not a url.

Can you take a look?

-jay
The topic has been locked.
Support Specialist
Jay,
It's this line in your /templates/rt_chapelco/css/rt_chapelco-custom.css file that is hiding the button. You'll want to remove that and then the login button will show:
.fb_iframe_widget span {
width: 100% !important;
}
I hope that helps, but let us know either way.

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

None
10 years 7 months ago #36774 by jayw
#1: Site: http:// bayleafmarket .com?wakulla=1 [Site has a "coming soon" splash page.]
#2: example URL: http:// bayleafmarket .com/specials/item/26-special-purely-decadent-non-diary-ice-cream


Thanks Alex,

The problem I was trying to solve was making the comment box 100% on K2-item displays (I have a Responsive template) . I removed the custom-css as suggested, set the plugin width to 100% and now the comment box is 100px wide.

See attachments. . . .

Suggestions?

-jay

Plugin Configuration:
File Attachment:




Example K2 Item Page:
File Attachment:







alzander wrote: Jay,
It's this line in your /templates/rt_chapelco/css/rt_chapelco-custom.css file that is hiding the button. You'll want to remove that and then the login button will show:

.fb_iframe_widget span {
width: 100% !important;
}
I hope that helps, but let us know either way.

Thanks,
Alex

The topic has been locked.
Support Specialist
Edit the /components/com_jfbconnect/assets/jfbconnect.css file. In there, you'll see:
.fb-comments, .fb-comments iframe[style] { 
   width: 100% !important; 
}
Update that first line to: 
Code:
.fb-comments, .fb-comments >span, .fb-comments iframe[style] {
That fix is already implemented in our code and will be in the 5.1.2 release scheduled for (hopefully) later this week.

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
10 years 7 months ago #36791 by jayw
Hate to be a pest but now the span tag is showing inline style with 550px wide:
<span style="height: 160px; width: 550px;"><iframe scrolling="no" id="f2a2b820eccd0e4" name="fec3f00c431906" style="border: medium none; overflow: hidden; height: 160px; width: 550px;" title="Facebook Social Plugin" class="fb_ltr" src="https://www.facebook.com/plugins/comments.php?api_key=387577047980850&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D27%23cb%3Df2507e53dbd81fc%26domain%3Dbayleafmarket.com%26origin%3Dhttp%253A%252F%252Fbayleafmarket.com%252Ff901acd3d2993a%26relation%3Dparent.parent&amp;colorscheme=light&amp;href=http%3A%2F%2Fbayleafmarket.com%2Fspecials%2Fitem%2F28-just-arrived-organic-groceries&amp;locale=en_GB&amp;numposts=10&amp;order_by=social&amp;sdk=joey&amp;width=550"></iframe></span>
The topic has been locked.
Support Specialist
Can you link to a page where it's showing like that? Will need to see what's happening to understand more. The specials page you linked to above is just asking for an email address.

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

None
10 years 7 months ago #36804 by jayw
Here u go:

Enter: #1: Site: http:// bayleafmarket .com?wakulla=1 [Site has a "coming soon" splash page.]
Then: #2: example URL: http:// bayleafmarket .com/specials/item/26-special-purely-decadent-non-diary-ice-cream

-jay

alzander wrote: Can you link to a page where it's showing like that? Will need to see what's happening to understand more. The specials page you linked to above is just asking for an email address.

Thanks,
Alex

The topic has been locked.
Support Specialist
Mis-communication error above. The code in your jfbconnect.css file looks like:
/*.fb-comments, .fb-comments iframe[style] {
    width: 100% !important;
}*/
.fb-comments, .fb-comments >span, .fb-comments iframe[style] {}
It should look like:
.fb-comments, .fb-comments >span, .fb-comments iframe[style] {
    width: 100% !important;
}
Try that and hopefully it will fix you right up!

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

None
10 years 7 months ago #36844 by jayw
Not a problem. I was being a dumbass and should have caught it.

Preliminary results are that it works as designed.

Thanks!

-jay
The topic has been locked.
Support Specialist
Sounds good. As mentioned, that change is already in the upcoming v5.1.2 release, so you hopefully shouldn't have to worry about that anymore. As always though, should you need anything else, just let us know.

Finally, if you haven't already, please consider leaving a rating and review for JFBConnect, or our support, on the Joomla Extension Directory. It certainly isn't required, but is very appreciated:
extensions.joomla.org/extensions/social-...ook-integration/7215

Thanks,
Alex
The topic has been locked.