Social Sharing Buttons on same line

  • Resolved CCMI

    (@ccmi)


    13 years, 2 months ago

    Also would like to achieve this on Version 3.2.1

    I am having trouble displaying a Facebook and Twitter Share buttons on a page, they are currently like this:

    (Facebook Share button)
    (Twitter Share button)

    But I need them to be like this

    (Facebook Share button) – (Twitter Share button)

    How can I do this

    this is the code of my share buttons

    Facebook Share button:

    <a name="fb_share"></a>
<script src="https://static.ak.fbcdn.net/connect.php/js/FB.Share"
        type="text/javascript"></script>

    Twitter Share Button:

    <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.christcompassion.org/b/" data-text="THIS LINK IS BENEFICIAL INDEED!" data-count="horizontal" data-via="CCMI2038">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

    How should I modify it? Your help will be greatly appreciated

Viewing 1 replies (of 1 total)
  • Thread Starter CCMI

    (@ccmi)

    WOOW! A couple of months ago, A marvelous company gave me the answer to this question! Here is the code that solves to display the buttons on the same line:

    <div class="fb" style="float:left;">
<a name="fb_share"></a>
<script src="https://static.ak.fbcdn.net/connect.php/js/FB.Share"
        type="text/javascript"></script>

</div>

<div style="float:left;">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.christcompassion.org/b/" data-text="THIS LINK IS BENEFICIAL INDEED!" data-count="horizontal" data-via="CCMI2038">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>

</div>

<div class="clear"></div>

    They are GENIUS, they know everything, I highly recommend them, besides having the best Word Press settings on their themes, they have one of the best support community I ever been to!
    Here is a link to their website: https://www.woothemes.com/

Viewing 1 replies (of 1 total)
  • The topic ‘Social Sharing Buttons on same line’ is closed to new replies.