× Joomla Facebook Connect support forum

Topic-icon FB-Like Box cut

Active Subscriptions:

None
7 years 4 months ago #40865 by Rotate
FB-Like Box cut was created by Rotate
Hello,
if you click on the "FB like button" on top of the article, the following message box has a massive display error.
How can it be fixed?

Regards,
S.
The topic has been locked.
Support Specialist
7 years 4 months ago #40873 by alzander
Replied by alzander on topic FB-Like Box cut
S.,
There's a few issues that can be causing that. First, Facebook is constantly making minor updates to how the Like, Share and other social features view and operate. Over time, those changes add up to big differences. JFBConnect is always improving our compatibility and trying to make things work as smoothly as possible with those updates. If you aren't on the latest release, the first thing I'd recommend is upgrading. The latest release is v5.2.2, which came out in December. The next major release (v6.0) is due out in just a few weeks.

Beyond that, we'd need to see the problem to help diagnose things. Could you please let us know the URL where you're having the issue so we can investigate further?

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

None
7 years 4 months ago #40877 by Rotate
Replied by Rotate on topic FB-Like Box cut
sorry, I forgot the URL.
www.dance-charts.de/carlprit-feat-jaicko...orget-official-video
This is a typical article. We use J1.5.

Below the article is also the JBF comment box.
There is an workaround that it will be displayed with 100% width:

#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
width: 100% !important;}

If i don't use this CSS code, the like-box is working correctly. But than the comment box is cutted.
The topic has been locked.
Active Subscriptions:

None
7 years 4 months ago #40892 by Rotate
Replied by Rotate on topic FB-Like Box cut
no solution?
The topic has been locked.
Support Specialist
7 years 4 months ago #40901 by alzander
Replied by alzander on topic FB-Like Box cut
You have two styles in your template that are causing this issue:
#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style] {
width: 100% !important;
}
And
.fb_iframe_widget iframe {
width: 400px !important;
}
I'm not sure which specific stylesheets those two lines are in, but you'll need to remove both of them as they are causing the popup to be too small.

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

None
7 years 4 months ago #40904 by Rotate
Replied by Rotate on topic FB-Like Box cut
Thanks for the reply, Alex.
If I remove the code, than the comment box below the article is cutted.
The topic has been locked.
Support Specialist
7 years 4 months ago #40916 by alzander
Replied by alzander on topic FB-Like Box cut
The code we use in the latest release of JFBConnect is:
.fb-comments, .fb-comments >span, .fb-comments iframe[style] {
    width:100% !important;
}

.jfbclike iframe, .jfbcsend iframe {
    max-width:none !important;
}
However, that is for the latest release of JFBConnect on Joomla 2.5+. There are multiple other changes, but hopefully that gets you going!

Good luck,
Ale
The topic has been locked.
Active Subscriptions:

None
7 years 4 months ago - 7 years 4 months ago #40921 by Rotate
Replied by Rotate on topic FB-Like Box cut
I changed the code. It does not work.
Now the Like Box is bigger. But not big enough.
The comment field now is smaller.
Last edit: 7 years 4 months ago by Rotate.
The topic has been locked.
Support Specialist
7 years 4 months ago #40932 by alzander
Replied by alzander on topic FB-Like Box cut
I'm honestly not sure then. It seems like you removed the CSS from your page, so I can't see the results.

As mentioned, I provided the latest code that is working on the Joomla 2.5 and 3.0 releases. I'm not sure what's wrong with the Joomla 1.5 version as we haven't been actively developing that version anymore. It would take some investigation to determine what's wrong, and I don't know if it's a JFBConnect issue or a Joomla 1.5/template issue.

Sorry I can't be of more assistance to you.

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

None
7 years 4 months ago #40948 by Rotate
Replied by Rotate on topic FB-Like Box cut
Hi Alex,
Please try a last check. I uploaded your code again.
It's online now for the hole day. Perhaps you'll find the error.

Regards,
S.
The topic has been locked.
Social Stream
Hide. Seek. Play!

Countdown Hide & Seek Game

Countdown, the new hide & seek toy, is available now! Designed and developed by the founders of SourceCoast, it's the perfect toy to get your kids moving at all ages.

Learn More About the Hide and Seek Toy