Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Facebook Like comment box getting cut off vertically and horizontally

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!

like image 732
Les Buchanan Avatar asked Jun 22 '11 17:06

Les Buchanan


People also ask

How do I change Comment settings on Facebook?

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.

Why is Facebook not showing likes or comments?

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.

Why are some comments faded on Facebook?

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.


2 Answers

Make sure all parent elements have overflow: visible set in their CSS definition.

like image 178
slashwhatever Avatar answered Nov 05 '22 23:11

slashwhatever


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.

like image 28
TML Avatar answered Nov 05 '22 23:11

TML