CODEWITHSUNDEEP
facebookapifacebook-like
Luiz Fernando Figueiredo
Luiz Fernando Figueiredo

Reputation: 35

How to hide Comment Box after Like something?

I just want to use the like button and not show any comment popup. How can I do this?

Thanks.

Upvotes: 3

Views: 5045

Answers (5)

Ashish Kumar
Ashish Kumar

Reputation: 76

just add this style to the style="overflow: hidden !important;" to the div like i have done below

<div class="fb-like pull-right" data-href="http://thegoldbook.in/demo/singlequestion.php?ques_no='.$ques_id.'" data-width="100" data-layout="button" data-action="like" data-show-faces="false" data-share="true" style="overflow: hidden !important;"></div>

Upvotes: 0

user3167890
user3167890

Reputation: 1

<style>
#fb-container {
height: 20px !important;
width: 93px !important;
overflow: hidden !important;      
}
</style>

<div id="fb-container">
   <div id="fb-root">
       <div class="fb-like" data-href="https://www.facebook.com/youraddr" data-layout="button_count" data-width="100" data-show-faces="false" data-share="false">
        </div>
    </div>
 </div>

Upvotes: 0

deadrunk
deadrunk

Reputation: 14135

.fb_edge_widget_with_comment iframe { height: 20px !important; overflow: hidden; }

Upvotes: 0

Tim Hettler
Tim Hettler

Reputation: 1256

I didn't have success with the above approach. What worked for me was to create a container element with the exact dimensions of the facebook like button and set overflow="hidden" to the container. This worked perfectly for me.

Upvotes: 1

DMCS
DMCS

Reputation: 31870

Yes, you can do it with a little but of css to hide the DOM element that Facebook adds.

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
display: none !important;}

Upvotes: 2

Related Questions