Facebook Like Button Overflow

Does anyone have a suggestion on shortening the FB like button? The text of “x number of people have liked this page, be the first of your friend to like” overflows into the column to the right.

I have tried CSS width and overflow, does not seem to work.

Here is the js

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

Please let me know if there is a better forum for this question if this is not the right one.


Please provide a link to an example.

Sorry, should have thought of it.


Thank you.


It seems only the IFRAME version of the Like button code will fit the width of your sidebar.

Grab the Facebook code again, but after clicking “Get Code” choose the IFRAME version. Then edit the code. There are two widths that need to be set to fit your 200px sidebar: the first one does not need px to be included but the second does. The heights also need to be set to 40/40px.

The IFRAME version needs no script element, so you can remove any previously added.

Thank you, I went in and changed the style of the button which solved the problem. Your link seemed like an updated page compared to the one I usually use.

Thank you