× Joomla Facebook Connect support forum

Topic-icon Content Plugin. Facebook box appearing under articles

Active Subscriptions:

None
Hi
I have a number of problems getting FB connect to work properly, but nothing that cannot be resolved I am sure.
First issue is with the Content plug-in. I have enabled it to appear at the foot of articles. When you click on Facebook like the box that appears underneath is under the article below or under the footer at the bottom. If you click on Google+, the pop up box appears above the article below or above the footer bar.
So I assume it must be an Z index issue but wondered if it my template, or something else I can do to make the plug in elements appear above all page content.
When you do click on facebook and like, it then comes up with an error in bold, red.
The error is: There were problems uploading "payontime.co.uk/images/M_images/arrow.png" on behalf of your Open Graph page. Here is the full error message our photo server reported: "Your picture is too small : The image you tried to upload is too small. It needs to be at least 50 pixels wide. Please try again with a larger image."

I'm viewing the site using Firefox on a mac.
the site domain is:
payontime.co.uk

I have left the content plugin live for the moment as the site is quiet overnight but do not want to leave it with this error for too long.

Thanks

David J
The topic has been locked.
Support Specialist
14 years 5 months ago #17110 by alzander
Try making the following modifications to your template, which should fix the issue. Both changes are in the templates/payontime_14_09_2009/css/template.css file
Line 1602, for the .art-Post-body div, comment out the z-index setting by putting a /* and */ around it.
/* z-index: 1; */

Line 1504, for the .art-Post style, comment out the z-index style here as well:
/* z-index: 0; */
Hopefully, that your styling issues, but if it causes other issues, let us know.

As for the Like error your getting, it seems like the Open Graph image tag for your articles is using an image that's too small. If you have the "Use first image in article for default" in the Open Graph tab of the Social configuration area, JFBConnect will try to set the first image of the article as the Open Graph tag (to be used in a user's wall as the image for what they Like'd). If that image is too small, you'll get the error above. You may want to add the following tags to your article to specify the best image to use for each article:
{JFBCGraph image=http://site.com/best-image.jpg}
You can also set a default site-wide image (good for a logo) in the Open Graph tab by adding the following line:
image=http://site.com/logo.jpg

For more about JFBConnect's Open Graph features, see:
www.sourcecoast.com/jfbconnect/features/...pen-graph-for-joomla

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 5 months ago #17149 by davtyl1
Hi Alex
Yes that fixed the problem. Thank you. I had comment out the overflow on the content css but then all is cool. I also added a company logo using the OG image tag so no problems there now.
Next up is to integrate facebook login and a page tab.
That is for after Christmas though!
Thanks again

David J
The topic has been locked.
Support Specialist
14 years 5 months ago #17156 by alzander
David,
Glad to hear that got you going! Should you need anything else when you get to the login or Page Tab integration, don't hesitate to get in touch.

Finally, please consider leaving a rating and review on the Joomla Extension Directory for JFBConnect, or our support. It's certainly not required, but very appreciated!
extensions.joomla.org/extensions/social-...ook-integration/7215

Merry Christmas,
Alex
The topic has been locked.