I'm trying to figure out why the Facebook Like comment box is getting cropped. I've tried changing the width attribute to a much larger size than necessary. I added a height attribute to my fb:like definition even though it doesn't look like it's supported. Neither seemed to help.
I also put a "margin-top" style on the Comments element right below the fb:like element to make sure it didn't have something to do with the content below the comment box that was causing it to cut off.
You can see a screenshot of what I'm talking about here: http://i.stack.imgur.com/y2Fll.jpg
I've been grappling with this one for a while now. If anyone can offer any help, I'd appreciate it. Thanks!
Click Settings & Privacy, then select Settings. In the left menu, click Privacy, then select Public Posts. Next to Comment Ranking, click Edit. Select On or Off.
A few users will restrict the visibility of their likes. This means that only people connected to that person will be able to see the action. In some cases they restrict the like to just themselves, meaning no one can see the like. You may see someone like your page, but not see the count increment.
Rather, grayed out posts or comments found on Facebook tend to mean the comments or posts in question have been made by a person who has has been blocked or banned by Facebook. So if you were blocked, your friends wouldn't be able to view your comments, not the other way around.
Make sure all parent elements have overflow: visible set in their CSS definition.
A simple bit of CSS did the trick:
.fb-like iframe {
max-width: inherit;
}
In your case it might however be that the parent is cutting it off, as in my case there was plenty space to the right of the comment box. However, the iframe should be absolutely positioned and hence not care about what the parent of the entire like box is like.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With