SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2009
    Location
    SEPA
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    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.

    GAry

  2. #2
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Please provide a link to an example.

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2009
    Location
    SEPA
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry, should have thought of it.

    http://www.hairtodaypottstown.com

    Thank you.

    Gary

  4. #4
    Sploghm bronze trophy Victorinox's Avatar
    Join Date
    Nov 2008
    Posts
    749
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    SitePoint Zealot
    Join Date
    Apr 2009
    Location
    SEPA
    Posts
    100
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

    Gary


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •