How to remove the "Facebook social plugin" text?

jquery facebook css fbml
Yuval Karmi picture Yuval Karmi · Feb 2, 2011 · Viewed 27.9k times · Source

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

Answer

Brian picture Brian · Feb 22, 2011

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.

Related questions

How to close div (modal) clicking outside. Pinterest and Facebook way

The classic way to is to do a modal is a div with the content (dialog) and a div with z-index lower (overlay) Then, I can bind the click event on the overlay and hide de content dialog. <div …

Read More
fb login popup block

I am making using fb login feature but problem comming to me is that whenever I click on the fb login button before page media loading is completed, it blocks the popup for fb login but if I click on …

Read More
Uncaught ReferenceError: FB is not defined

I know this question is asked frequently, but I have not found the solution. I use this code: open the html tag with <html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#"> in …

Read More