Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jul 2012
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question How do I hide the count on a Facebook Like button?

    I heard there was no easy way to hide the count on a Facebook like button, but that you could "cut off" the counter by adjusting the width of the button area or something. The only problem is that I suck at CSS so I'm not really sure which style property to change.

    This is the code that I'm using for the Facebook button (I got it from their site):
    Code:
    <div id="fb-root"></div>
    <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>
    			
    			
    <div id="facebook" style="margin: 0; padding: 0;">
    <div class="fb-like" data-href="http://www.facebook.com/pages/Convoluted-Construct/118005848288246" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" data-font="verdana" style="margin-top:-5px"></div>
    Could anyone please show me how to hide the count button? I'd really appreciate it!

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts

  • #3
    New Coder
    Join Date
    Jul 2012
    Posts
    79
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by tempz View Post
    Wow, thanks! This worked out great.


  •  

    Tags for this Thread

    Posting Permissions

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