How to modify the facebook share button?

Question

How can I modify the width of that fricken button? I have a retweet button that is the width that I like, but I cant seem to find any documentation on how to reduce the width in css for the facebook share button.

If you look at the posts buttons you will see it on the site. www.itjourneyman.com you will see the facebook button is just a little wider then the retweet button making things look funny.

Does anyone know where I can find the css for that button without having to mod the actual plugins code.

Thanks in advance.

Answer 1

You want to change the width attribute:

Add this:

 style="width:100"

To your tag with the background image of the Facebook button in it. Change the width to whatever you need it to be.

Answer 2

Try changing this css. You could tweak the right button padding to make it a little smaller. I used 4px in firefox and it looks good. I hope this helps. If you don't want to mess with the plugin code you would probably have to overwrite this CSS somewhere in your own CSS file. It's probably easier just to update the plugin CSS.

FBConnectButton_Small .FBConnectButton_Text {
margin-left:17px;
padding:2px 4px 3px;
}

Answer 3

This was the answer I did not add in the important.

.FBConnectButton_Text 
{
font-size: 8px;
padding:2px 4px 3px !important;
}