JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

How to center ADDTHIS share button?

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.

<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>
</div>
<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>

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on October 26, 2012 at 3:44pm

Anthony,

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.

left:50px;top:50px;

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.

Best,

Jen