Title: [Plugin: Facebook Share (New) Button] Compact button
Last modified: August 19, 2016

---

# [Plugin: Facebook Share (New) Button] Compact button

 *  [rundhc](https://wordpress.org/support/users/rundhc/)
 * (@rundhc)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/)
 * Hi there,
 * Thanks for developing this new plugin.
 * I’m hoping that you’ll a compact button to complement the tweetmeme compact button.
 * Keep up the good work.
 * [http://wordpress.org/extend/plugins/facebook-share-new/](http://wordpress.org/extend/plugins/facebook-share-new/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [facebookshare](https://wordpress.org/support/users/facebookshare/)
 * (@facebookshare)
 * [16 years, 7 months ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/#post-1261387)
 * Thank you for your feedback. We are already working on it. 🙂
 * In the next release you will also see Analytics like tweetmeme.
 * Regards,
 * Appointy.com Labs
    Online Scheduling Plugin for WordPress [http://wordpress.org/extend/plugins/appointy-appointment-scheduler/](http://wordpress.org/extend/plugins/appointy-appointment-scheduler/)
 *  [copsworld](https://wordpress.org/support/users/copsworld/)
 * (@copsworld)
 * [16 years, 4 months ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/#post-1261749)
 * This is by far the easiest FB share button I have used! mucho kudus.
 *  [smcandrew](https://wordpress.org/support/users/smcandrew/)
 * (@smcandrew)
 * [16 years, 3 months ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/#post-1261753)
 * I got my tweetmeme and this plugin to format the way that I need it to. Here’s
   how I did it:
 * Add this CSS so it overrides the default CSS provided by the plugin (comments
   to explain why I did what I did):
 *     ```
       .FBConnectButton {
       	width:48px;
               // this is to make the width position the same as my tweetmeme plugin
       }
       .fb_share_count_inner {
       	font-size:16px;
               // this is to make the size of the count more consistent with my tweetmeme plugin
       }
       .FBConnectButton_Text {
       	font-size:8px;
               // reducing the font-size makes the width of the buttons smaller
               // the only tradeoff is that the text is smaller (from what I've seen)
       }
       ```
   
 * Hope this helps someone out there… You can see it on my blog:
    [Online Marketing Performance](http://www.onlinemarketingperformance.com)
 *  [dyrec](https://wordpress.org/support/users/dyrec/)
 * (@dyrec)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/#post-1261761)
 * Good Start smcandrew !
 * Here is mine, it fits perfectly under tweetmeme (49px wide).
    I fixed the problem
   concerning the text. I add an indent to left and resized the fonts.
 * Here it is :
 *     ```
       .FBConnectButton {
       	width:49px;
               // this is to make the width position the same as my tweetmeme plugin
       }
   
       .fb_share_count_inner {
       	font-size:16px;
               // this is to make the size of the count more consistent with my tweetmeme plugin
       }
   
       .FBConnectButton_Text {
       	font-size:6px;
               font-weight:bold !important;
               font-family: Helvetica,sans-serif;
               text-indent:-6px;
               // reducing the font-size makes the width of the buttons smaller and pull the text to left
               // the only tradeoff is that the text is smaller (from what I've seen)
       }
       ```
   
 * I’m now trying to replace the picture that lacks transparency and add rounded
   corners…
 * see you.
 *  [dyrec](https://wordpress.org/support/users/dyrec/)
 * (@dyrec)
 * [16 years, 1 month ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/#post-1261762)
 * Ok
 * Here is my last version of the superb CSS that gives the tweetmeme look to the
   Facebook share (new) plugin:
 *     ```
       .FBConnectButton {
       	width:49px;
       }
   
       .fb_share_count{
       	background-color: #E8E8E8 !important;
       	border:1px solid #D3D3D3;
       	-moz-border-radius: 2px;
       	-khtml-border-radius: 2px;
       	-webkit-border-radius: 2px;
       	border-radius: 2px;
       	background-repeat: no-repeat;
       	background-attachment: scroll;
       	background-position: 0% 0%;
       }
   
       .fb_share_count_inner {
       	font-size:16px;
       	background-color: transparent !important;
       }
   
       .FBConnectButton_Text {
       	font-size:1.0em;
               font-weight:bold !important;
               font-family: Helvetica,sans-serif;
               text-indent:-6px;
       }
   
       .fb_share_count_nub_top {
               display: block;
               position: absolute;
               left: 7px;
               top: 35px;
               width: 6px;
               height: 7px;
               background-repeat: no-repeat;
               background-image: url('http://img514.imageshack.us/img514/6533/89zgzk50.png')!important;
       }
       ```
   
 * You can check it on my website i.e : [http://blog.dyrec.com/?p=731](http://blog.dyrec.com/?p=731)
 * I would recommend replacing the css3 radius properties, that doesn’t work in 
   IE5+, by a correct background picture.
 * This way “Facebook share (new)” is the best looking FB sharing plugin 😉
 * Hope it helps !
 * [http://blog.dyrec.com/](http://blog.dyrec.com/)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘[Plugin: Facebook Share (New) Button] Compact button’ is closed to new
replies.

 * 5 replies
 * 5 participants
 * Last reply from: [dyrec](https://wordpress.org/support/users/dyrec/)
 * Last activity: [16 years, 1 month ago](https://wordpress.org/support/topic/plugin-facebook-share-new-button-compact-button/#post-1261762)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics