I'm working on this share button from addthis, I'm trying to figure out how to move it around. I want to move it to the center of the screen like the image shows.

I want to put it in the spot where the circle at...

Image and code below.

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:media="http://overthelimitentertainment.com/IMAGE.jpg" pi:pinit:layout="vertical"></a>
<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<a class="addthis_counter"></a>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=taffe3000"></script>
<!-- AddThis Button END -->

Views: 917

Reply to This

Replies to This Discussion


The way it is being added with float and position, I don't think you'll be able to center it perfectly. You can try testing these numbers for better placement.


But keep in mind, the buttons will be placed in different locations, depending on user's screen resolution. The best way to place this type of DIV is with left:0px, so it's tight to left edge of screen.



Thanks Jen,

I was trying to see if I could set it up like Mashable....see link below. I think when its near to the content, it will be more noticeable.




© 2022   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips