facebook like box external css

Question

I need to customize the layout for the Like box, the problem i am getting is i coud not find any way to do it in following iframe,

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%platform&width=700&connections=5&stream=false&header=false&height=180&css=http%3A%2F%2Flocalhost%2Fq.css" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:700px; height:180px;" allowTransparency="true"></iframe>

The earlier facebook like box had option to load external css, i tried it but it is not getting uploaded with th above iframe options.

WHere can i find the solution

Please help me setting external css to this.

Thanks, Rohit

Answer 1

Facebook no longer support css. All facebook design hacks using css will no longer work. However, facebook now allows the likebox plugin to be rendered without a border via the show_border=false argument. But if you want to add some color gradients to background of your like box for matching your blog's colorful theme, you can SVG. Read this guide - http://www.howtokickblogger.com/2013/08/style-facebook-like-box-with-svg.html

Answer 2

You can still use the css option but you have to use a different iframe URL:

http://www.connect.facebook.com/widgets/fan.php?href=FACEBOOKPAGEURL&width=185&colorscheme=light&show_faces=true&border_color&stream=false&header=true&height=280&css=CSSFILE

Edit 14-3-2013

This workaround no longer works.

Answer 3

I have tried to style de Like box too, but the new plugin does not support the "css=" option in the iframe.

I still use the old Like box plugin, but the CSS is cached and I cannot update it.

http://www.facebook.com/connect/connect.php?id=60159065762&connections=0&stream=0&css=http%3A%2F%2Fdescargas.mundijuegos.com%2Fcss%2Ffb2.css%3F12

The only way I know you can use your own CSS right now is using the script format with the "fb:fan" plugin.

Updated

if you use the "fb:fan" plugin, it generates an iframe . You can copy this URL and use it directly (http://www.facebook.com/plugins/fan.php?....).

Answer 4

I tried linking a Likebox to a local css file and was unsuccessful. In researching this question somewhere on the Facebook fora I read an admin's post saying Facebook wants to maintain consistent formatting across Like boxes so only a few properties can be adjusted, and those are the standard ones you get in the initial Like box code. Facebook's documentation leaves a lot to be desired.

Jim