How can I remove the 'people like this' message next to facebook like button?

Question

Possible Duplicate:
Facebook Like-Button - hide count?

I created a facebook like button using their Open Graph protocol.

Everything works well, except I would like to remove the message next to the Like button that reads

"Name and Name both like this."

The class for that div is 'connect_confirmation_cell'. I tried setting display:none on that div but it doesn't work. Any Ideas?

In the above answer, look specifically at the [Logos and Trademarks](https://www.facebook.com/brandpermissions/logos.php) section — ifaour, Sep 25 '11 at 11:51

score 1 · Answer 1 · edited May 23 '17 at 12:29

The answer that worked for me was found here: https://stackoverflow.com/a/6326964/562635

I'm using the XFBML button. This will hide the like count but not hide the facebook comment widget that immediately displays after liking a page.

/* make the like button smaller */
.fb_edge_widget_with_comment iframe
{
    width:47px !important;
}

/* but make the span that holds the comment box larger */
span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width:401px !important;
}

score 0 · Answer 2 · answered Dec 19 '12 at 14:14

0

this worked for me:

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
    height: 26px;
    overflow: hidden;
    width: 138px;
}

answered Dec 19 '12 at 14:14

Matías Cánepa

5,770
4
57
97

score 0 · Answer 3 · answered Sep 25 '11 at 04:42

0

Both the iframe and FBML versions of the Like button use an iframe to display the actual button and associated text, so any CSS styles you try to apply will not work.

If you were using the iframe version of the Like button, you could use a CSS style to limit its dimensions to exclude this text while still displaying the actual button. The "zeckdude and Martey like this" text would still be displayed, but not be visible to the user.

answered Sep 25 '11 at 04:42

Martey

1,631
2
13
23

That's not strictly accurate - you can apply your css to iframe content, but you have to use !important, and have a lot of patience and Firebug open. – Philip Schweiger Sep 25 '11 at 04:46
making the dimensions smaller is a much easier route. – Philip Schweiger Sep 25 '11 at 04:46
+1 for fixed width/height on a container div. – bkaid Sep 25 '11 at 07:34

score 0 · Answer 4 · answered Sep 25 '11 at 12:19

HTMLS:

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));

layout="box_count" removes the "name and name likes this".

How can I remove the 'people like this' message next to facebook like button?

4 Answers4