Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 21 Jul 2016, 08:22
Stevier26 Stevier26 is offline
 
Join Date: Jul 2014
Like and Share buttons

I have added the like and share buttons to my forum. They are all working fine but the spacing isn't right. How do I adjust the spacing between the buttons so its all the same.

This is the code I copied and used.

<div align="left" style="background-color: rgb(255, 255, 255); width:100%; text-align:left; height: 25px;">
<div style="float:left; position:relative; top:2px; left:2px;">
<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/all.js#xfbml=1&appId=";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
</div>

<div style="float:left; position:relative; top:2px; padding-left:30px;">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="" date-via="vBulletin" data-lang="en">Tweet</a>

</div>
<div style="float:left; position:relative; top:2px; padding-right: 30px;">
<a href="https://twitter.com/rensportclub" class="twitter-follow-button" data-show-count="false">Follow @rensportclub5</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

<div style="float:left; position:relative; top:2px;">
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium"></div>
</div>

Here is how it looks on my forum




As you can see the spacing between each button isn't the same.
Reply With Quote
Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Miscellaneous Hacks More Share Options TNG by BOP5 (Facebook, Twitter, Google +1, AddThis) Share Buttons BirdOPrey5 vBulletin 4.x Add-ons 977 02 Nov 2018 04:00
Show Thread Enhancements AddThis - Facebook Like, Tweet and Share buttons joomla vBulletin 4.x Template Modifications 51 06 Sep 2017 18:15
Miscellaneous Hacks Share Buttons Bar by BOP5 (Facebook Like, Twitter, Google+1, and more share options) BirdOPrey5 vBulletin 3.8 Add-ons 97 06 Nov 2013 08:31



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 14:57.

Layout Options | Width: Wide Color: