How to remove the border of Facebook page like box

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. 🙂

You May Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.