In reply to: Social Sharing Button Code – Facebook showing up out of alignment

#42718

I enter it into the custom CSS style space, which was currently empty, in the following ways and none worked.

.fb-share-button {vertical-align: top !important;}

.fb-share-button vertical-align: top !important;

vertical-align: top !important

In reply to: Social Sharing Button Code – Facebook showing up out of alignment

#42714

I do not think I am entering it into the CSS correctly. Exactly how would is look and be entered into the code for the Graphene Social Sharing buttons? Please show me where and how it would look by typing it into the current code below.

Thank you for your help.

<meta property=“og:title” content=“This is the Title of the Page”/><div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script><div class="fb-share-button" data-width="47" data-type="button_count"></div>

<a href="https://twitter.com/share">Tweet</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

<script src="//platform.linkedin.com/in.js" type="text/javascript">

lang: en_US

</script>

<script type="IN/Share"></script>

In reply to: Social Sharing Button Code – Facebook showing up out of alignment

#42712

I just tried to add it this way is the CSS and it did not work.

.fb-share-button {vertical-align: top;}

I also tried:

.fb-share-button {

vertical-align: top;

}

I greatly appreciate any other ideas.