javascript - inline CSS to align a social share icon -
i'm using social share buttons on site sharethis. i'm having alignment issues facebook button. see screenshot.
i'd direction on syntax incline css align or pad facebook line button aligns vertically others. tried many different combinations of doing including adding style="padding-bottom:25px"
this html code provided sharethis:
<span class='st_facebook_large' displaytext='facebook'></span> <span class='st_twitter_large' displaytext='tweet'></span> <span class='st_linkedin_large' displaytext='linkedin'></span> <span class='st_googleplus_large' displaytext='google +'></span> <span class='st_email_large' displaytext='email'></span> <span class='st_sharethis_large' displaytext='sharethis'></span> <span class='st_fblike_large' displaytext='facebook like'></span> <span class='st_plusone_large' displaytext='google +1'></span>
added these lines bottom of file
<script type="text/javascript">var switchto5x=false;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stlight.options({publisher: "ur-22cc647b-2be-2114-fe32-8c2f8b9ab95e", donothash: false, donotcopy: false, hashaddressbar: false});</script>
as max-height of spans 32px @ should add stylesheet
span {display:inline-block; height:32px; line-height:32px;}
please note best give spans class , style rather styling span tag above
Comments
Post a Comment