Facebook Like Button - how to disable Comment pop up box?

Question

I'd like to disable the Comment box that pops up when a user clicks the Facebook Like button ,

I followed the post Facebook Like Button - how to disable Comment pop up? and changed the CSS But it didnt work any other suggestions please

I cant use IFRAME otherwise i would not be able to use FB.Event.subscribe('edge.create',

score 4 · Accepted Answer · edited May 25 '12 at 17:16

4

From http://developers.facebook.com/docs/reference/plugins/like/:

When will users have the option to add a comment to the like?

If you are using the XFBML version of the Like button, users will always have the option to add a comment. > If you are using the Iframe version of the button, users will have the option to comments if you are using > the 'standard' layout with a width of at least 400 pixels. If users do add a comment, the story published > back to Facebook is given more prominence.

Just use the iframe version of the button and set the width to less than 400 pixels.

edited May 25 '12 at 17:16

Carl Suster

5,826
2
22
36

answered May 24 '12 at 18:24

Reza

64
2

2

But if i use IFRAME then i would now be able to use FB.Event.subscribe('edge.create', – Yahoo May 24 '12 at 18:26
The iframe version disallows all event callbacks. Bad solution. – Alkanshel Sep 23 '13 at 22:16

score 1 · Answer 2 · answered Sep 16 '15 at 13:31

1

Just add a style attribute with overflow: hidden

<div style="overflow: hidden !important;" class="fb-like" data-href="<?php echo $url; ?>" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>

answered Sep 16 '15 at 13:31

Muhammad Azeem

1,129
1
12
16

score 0 · Answer 3 · answered May 24 '12 at 17:43

0

Place the iframe within a div and use overflow hidden with a width and height that hides anything except for the button.

I tried to change the css from within the iframe but that didn't work for me.

answered May 24 '12 at 17:43

Gijoey

316
1
6

But if i use IFRAME then i would now be able to use FB.Event.subscribe('edge.create', – Yahoo May 24 '12 at 17:49

score 0 · Answer 4 · answered Apr 17 '16 at 13:13

0

create a custom css class like,

.fb-like{
overflow: hidden !important;
}

mention the class into facebook DIV

That's it...

answered Apr 17 '16 at 13:13

Rashed Jhony

135
3
10

Facebook Like Button - how to disable Comment pop up box?

4 Answers4

Linked