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="<the_id_of_fb_page>&width=330&connections=10&stream=false&header=false&height=280" frameborder="0" scrolling="no" width="320" height="240">

CSS classes for above Div and IFrame

  height: 260px;
  overflow: hidden;
#likebox-frame iframe{

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

Related Posts Plugin for WordPress, Blogger...

Leave a Reply

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