How to remove the “Be the first of your friends to

Question

I'm using the standard Facebook Like button (iframe, not fbml). Is there a way to only display the like button, not the 'Be the first of your friends to like this' part?

Answer 1

If you want to just have "x people like this" then:

.fb-like { overflow: hidden; width: 171px; }

If you want to have just the number of people that like it in a box then with the Like Button Generator select button_count from the Layout Style drop down.

Answer 2

IMO the easiest way is to resize the generated iframe with CSS to 54px width (small button). Unfortunately, the iframe doesn't has a class or ID, but you can match it by src attribute:

iframe[src*="://www.facebook.com/plugins/like.php?"]

Of course matching it with a descendant selector is easier.

Answer 3

This is currently not configurable. If you use the button_count layout, then you won't see that text.

Answer 4

You can simply do this using CSS. Place the like button inside a div. Give the div containing the like button some width. Then set overflow to hidden. Should work!

Answer 5

If you use components K2. You fix in Items K2

Head name "Social Sharing"

Answer 6

As of today's date, in the Like Box code, instead of layout=standard use layout=button_count and that will show the count bubble & remove that text.