Created
October 18, 2011 17:48
-
-
Save thebigreason/1296097 to your computer and use it in GitHub Desktop.
Align Facebook Like, Twitter Tweet and Google +1 buttons
Thank you very much! You save my day!
For ppl who have issue with new version facebook like/share button, try this
/* This gets Facebook to fall into place */
.social iframe {
vertical-align: bottom;
}
Guys, if you meet issues in 2016, try this
<style>
/* This gets Google to fall into place */
.social {
font-size: 1px;
}
/* This gets Facebook to fall into place */
.social iframe {
vertical-align: bottom;
}
/* Set an optional width for your button wrappers */
.social span {
display: inline-block;
width: 110px;
}
/* Adjust the widths individually if you like */
.social .google {
width: 75px;
}
</style>
<div class="social">
<span class="Facebook">
<div class="fb-share-button" data-href="[[ URL ]]" data-layout="button_count"></div>
</span>
<span class="twitter">
<a href="http://twitter.com/share" class="twitter-share-button" data-url="[[ URL ]]">Tweet</a>
</span>
<span class="google">
<div class="g-plusone" data-size="medium" data-annotation="inline" data-width="300"></div>
</span>
</div>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
For people having problems in the newer versions, just change the specificity ".social > span {"