Hi Keyalea,
I have just visited your green blogging site and I was astonished when I saw that your Facebook Fan Box does match precisely with the sidebar.
Facebook has recently changed their minimum width
https://developers.facebook.com/docs/reference/plugins/like-box/
Now my sidebar is spoiled, and I have had to uninstall the widget. You can see an example here
I have googled looking for solutions, but either they don’t work or I have not managed myself to implement them.
How have yo sort this out? Have you edited CSS file? Theme? or is something that the widget you are using solves by itself? I’m using Simple Facebook Connect plugin.
I would really appreciate if you share how did you solve this issue
Thanks in advance
Jorge
Hi Jorge,
In order to get the facebook widget, I created a developer account with facebook and inserted an iframe. I then specified the dimensions of the iframe, such that it is 160px in width and 487px in height. I didn’t use a plugin. The code can be seen with firebug, but I’ll also insert it below:
<iframe scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:160px; height:487px;" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fgreenpassivesolar&width=160&colorscheme=light&connections=10&stream=false&header=true&height=487">
Because the mag theme is configured to have two sidebars of 165px (? – I think) each in width, the 160px declaration seems to work. I might have added code in the css to center and add some padding to content in the widget.
Hope this helps you.