jqueryfacebookcssfbml

How to remove the "Facebook social plugin" text?

I'm using the comments facebook social plugin When I embed it, the script created an iFrame that has the text "Facebook social plugin" with the facebook logo at the bottom (as seen in the image attached below).

I inspected the element using Firebug and tried to set its class to display:none; in my CSS file. However - that does not hide it (I suspect it's because it's in its own iFrame). How can I use CSS or jQuery (or any other method) to disable that text?

Thanks!

Facebook social plugin

Solution

  • You're overcomplicating things. Small CSS change...

    .fb_iframe_widget{overflow: hidden;}
.fb_ltr{margin-bottom: -20px;}

    Done!

    Sidenote - I agree with the warning about legal issues. You shouldn't really do this.