The solution is below, how I removed the border of my Pakzilla Facebook like box.
Wrap your IFrame code with a div with an ID
<div id="likebox-frame"> <iframe style="border: none; overflow: hidden; width: 330px; height: 289px;" src="http://www.facebook.com/plugins/likebox.php?id=<the_id_of_fb_page>&width=330&connections=10&stream=false&header=false&height=280" frameborder="0" scrolling="no" width="320" height="240"> </ifram> </div>
CSS classes for above Div and IFrame
#likebox-frame{ width:330px; height: 260px; overflow: hidden; position:relative; } #likebox-frame iframe{ overflow:hidden; position:relative; left:-5px; top:-1px; }
You can adjust the width and height according the space where you want to place the box. What idea I have used, I have hide the border of like box under the styles of the div. There could be other approaches too. But I clicked on this. It’s simple.
Here is my Facebook page like box.
If you like this post, you can like my Facebook page. 🙂