Topic-icon Button doesn´t show correctly....

Active Subscriptions:

None
13 years 10 months ago #25277 by thomaszgz
When someone have liked the page ( using the Content plugin - k2 like of the component ) the send button doesn´t show correctly. Only show both correctly when a page have been´t liked.
I attach two images for your conveniance.
The site is: www.bodegonazoque.com, you can go to any items of the Gastronomy left module and browse the categories to see if you want.
The topic has been locked.
Support Specialist
13 years 10 months ago #25282 by alzander
I'm honestly not seeing what you mention. I just tested on the Arroces.html page, and it looks right to me. From your pictures, it looks to be a CSS issue where the div containing the Like/Send button is simply 'hiding' any overflow (using an overflow:hidden tag). However, I looked at the code, and couldn't see any indication that that was the problem.

Did you fix it at all, or are you still seeing it? If you're still seeing it, can you let me know what browser you're using so we can make sure we're testing the same?

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

None
13 years 10 months ago #25290 by thomaszgz
Yes. I thought too that it was a div issue but I have tried lots of things ( margins, width , etc.). I have seen using firebug that there are some classes that are not in your css and don´t let me override. Probably they are made by FB.
Anyway, I have been a bit lazy and didn´t check in other browsers ( Chrome and Safari show correctly, obiously because they use webkit engine ).
The problem seems in Firefox ( 14.0.1 ). I have tried in my notebook Firefox (13.0.1) and it reports the same issue.
But checking in all browsers has showed some weird things.
In Firefox, after I use the Firebug extension over the send button suddenly the button shows correctly, with little right padding but it can read all button text. ( Yes, you have read it correctly ). Curiously this view ( with the non existent right padding ) its the same that show IE by default.
And for the last but not least in Opera the button shows expanded verticaly to fit.
I attach screenshoots of all of them.
If you see right at least in firefox, it will be something with my two computers, so don´t get mad with this. I know that browser compatibitly is a mess ( specially with CSS3 although this is not the case.

Anyway, lots of thanks for your time and support. Be sure I will continue to be suscribed and after I finish this installation I will leave a good feedback in JED.
The topic has been locked.
Support Specialist
13 years 10 months ago #25318 by alzander
Thomas,
Thanks for telling me the browser! I definitely see the problem in Firefox, and it's definitely odd. Haven't seen that problem before.

Can you try one thing really quickly to narrow down whether it's more on your Joomla side or on Facebook's Javascript side? Simply go into JFBConnect's Configuration area, click on the Facebook API tab, and set the language override to en_US. That will force the Like / Send buttons to be in English. If they are spaced correctly, it means it's likely a locale issue with Italian and their buttons. If so, we'll have to report it as a bug to them. If not, then it likely means there is some style in your template causing the problem. However, like you mentioned, I can't see anything that would be the problem. Once you dig down pass the fb:like tag in the styles, those are all controlled by Facebook, and can't be overridden, just so you know.

Hope that helps narrow down the issue!

Thanks,
Alex
The topic has been locked.