Customizing the position of the AddThis buttons.
I am trying to add the AddThis buttons to the right of my banner on my site, if I use the stock code it forces a left float of the iamges, I can remove it and get specific buttons (tweet, FB, google+) to appear fine right after my banner but if I add the AddThis Share button the share button is forced to the next line. How do i make a (what I thought was very simple) inline row of buttons for the FB, Google+, and AddThis Share button that will sit perfectly fine to to the right of my banner? And NO float: right is not the answer, this forces it to the far right and looks like poo on larger resolutions.
To float the AddThis toolbox to the right you need to put it inside a wrapping <div> and set the toolbox div's width, like this:
<div style="float:right; width:50%;">
<div class="addthis_toolbox addthis_default_style " style="width: 175px;">
Note: You might have to adjust the width value for the AddThis toolbox <div> to fit your buttons so they don't wrap onto other lines.
<div style="float:right; width:50%;">
<div class="addthis_toolbox addthis_default_style " style="width: 175px;">
Note: You might have to adjust the width value for the AddThis toolbox <div> to fit your buttons so they don't wrap onto other lines.
As stated in my first posting the flot: right is not a soltion. This forcest the box to the far right of the page makeing a huge gap between the battener and the buttons and looks like poo. There has to be a cleaner, nicer looking way.
Without seeing your site I can't make any more recommendations. Could you post your URL?
Sorry, thought I included it in this post. http://www.ffinfo.com/
You need to apply the float:right to the toolbox div, not the enclosing div. Like this:
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="float: right; width: 53%;">
Be sure to include the width attribute as well.
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="float: right; width: 53%;">
Be sure to include the width attribute as well.
Ok, I moved the float from the container div to the toolbox div. Same problem.
After messing with float and clear for my banner and the navigation menu on my site I got the addThis panel to sit on the direct right like I wanted to, now I just need to push it to the bottom alignment of the image instead of top.
I have the same bottom align problem. Did you find a solution?
Why is this so complicated with using javascript to calculate an absolute position for the buttons in the toolbar? It makes it very difficult to position them correctly.
Why is this so complicated with using javascript to calculate an absolute position for the buttons in the toolbar? It makes it very difficult to position them correctly.
This question is closed to new answers.