I made a working Twitter "Tweet" button through: https://about.twitter.com/resources/buttons#tweet (which indeed does appear on my site on localhost) and really need a Facebook "Share" button that matches it in color scheme, font type/color, and highlight effects. However:

Just put it up on there too. Doesn't look like there are many users there though. The "CSS" tag has 96 uses there and over 188,000 uses here.
–
Kevin BanasJan 22 '14 at 3:11

...And someone just left a comment there that it belongs here. Please remove negative vote, it is probably causing people to think this isn't a coding-related question and it is.
–
Kevin BanasJan 22 '14 at 3:57

2

This isn't a UX question as is, as it appears OP has a clear idea of what he wants to present to his users and how they are to interact, and instead he is having difficulties in effecting the code to achieve his intended design.
–
EricsJan 22 '14 at 4:27

2

Tip- Post code snippet here of what you've already done, people will be more likely to help. Its much easier if we can just copy and paste your snippet into jsfiddle or codepen and modify from there
–
DMTintnerJan 22 '14 at 9:33

1 Answer
1

Yeah, the Facebook buttons don't have editable css because Facebook wants their styles on their buttons.

That said, you can get around the styling limitations using the unsupported* facebook sharer.php link. Basically, it's the old version of the share button, and while you can't define as many things (or get callbacks etc. when the share happens) because it's regular html a tag, you can style it however you dang well want.

*While Facebook has deprecated sharer.php, and really wants people to use the new versions so Facebook can control styling etc., they are still keeping it alive because it has such wide usage across the web. YMMV, but it's currently the only way I'm aware of to style a Facebook share button.