Hi All!
With my Addthis account I created a block on my products page which just contains my Addthis code only. The block is HTML and assigned to all products.
Here you can see the placement of the block:
[attachment=4955:Addthis_Block.jpg]
But the only problem is that the Addthis toolbar is aligned to the left and tucked in very close to the breadcrumb links and side.
[attachment=4956:Addthis_Toolbar_Placement.jpg]
Does anyone have any suggestions on how I can get the Addthis toolbar to align to the right side instead of the left? Being pushed in currently right below the breadcrumb category links and right above the product pictures it seems almost not notable and just too crammed.
Thank you very much!
-Tim.
Try this
Hi, add this
addthis_toolbox {
float: right;
margin-right: 10px;
margin-top: 17px;
}
in styles.base.css
It should look like this.
and let me know if it works!
Cheers Fotis
Thank you Fotis!
That did work… But for some reason using the float would cause the # bubble icon on the right to wrap under the facebook icon. No matter which icon I put at the end, or tried extra margin space, padding, etc it would still wrap the last icon back under the first icon.
So what i did was just pushed the margin out to push the toolbar to the other side (since my cart skin if fixed width it works out fine). Also I spaced out the icons a bit to give a little cleaner look.
[attachment=4961:Addthis_Block_Fixed.jpg]
Thank you again! 
-TIm
Nice.
You can also try this.
[color=#000000][font=Monaco, monospace][size=2].addthis_toolbox {[/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2][color=#006400]margin-bottom[/color]:[color=#00008B]2px[/color];
[color=#006400]text-align[/color]:[color=#00008B]right[/color];
[color=#006400]width[/color]:[color=#00008B]250px[/color];[/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2]margin-top:7px;[/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2]float:right; [/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2]}[/size][/font][/color]
[quote name=‘dvsgr’ timestamp=‘1331272299’ post=‘132822’]
Nice.
You can also try this.
[color=#000000][font=Monaco, monospace][size=2].addthis_toolbox {[/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2][color=#006400]margin-bottom[/color]:[color=#00008B]2px[/color];
[color=#006400]text-align[/color]:[color=#00008B]right[/color];
[color=#006400]width[/color]:[color=#00008B]250px[/color];[/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2]margin-top:7px;[/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2]float:right; [/size][/font][/color]
[color=#000000][font=Monaco, monospace][size=2]}[/size][/font][/color]
[/quote]
Thanks! I just tried the new css code and it works great (and much more proper to do I am sure than how I rigged it up before).
Thank you again!
-Tim