Comments on: Custom AddThis share button

By: Ilia

Ilia — Mon, 14 Mar 2011 04:06:13 +0000

Simon, that button image goes into the code you use to put the share widget in, i.e. the code you posted, the one you don't know where to put. That's the code you put at the end of your posts, inside "single.php", and in your case, you want to replace "Share" with regular img tag pointing to your custom image. And as for the CSS code, that goes into your regular style.css file, or whatever css file you use for the site.

By: Simon

Simon — Thu, 03 Mar 2011 21:56:01 +0000

Hello, I am using Wordpress to facilitate my website creation, When I install AddThis as a plug-in the default files get dispatched to the server.. I am trying to upload my own image in place of this one: AddThis Share Button What I did initially was just replace the .jpg with my own, under the same exact file name, to avoid any problems.. but obviously this wasn't enough to make the cut, so I am now trying your tutorial.. I can't seen to locate a file where to stick this code:

 
Share

And also - what is the .css file called where I would stick the .CSS code you provided? The .css files I have are: options-page.css addhis.css One last thing - between which tags on each respective file does each code need to go?

By: Ilia

Ilia — Thu, 02 Sep 2010 02:07:20 +0000

“did you override their styles in your style sheet?“
Yeah, exactly that. If you look at the stylesheet file for this page, towards the end of the code there are the styles for the addthis button, and it’s just straightup overrides, most with !important attribute.
The catch with these is basically you need to know which styles to override, which means going through the generated code for the tooltip box,.

By: Pere

Pere — Wed, 01 Sep 2010 18:38:12 +0000

Excited to find this article. Any more details as to how you modified the AddThis CSS to provide your own styles? Not so clear in your article — did you override their styles in your style sheet? Thanks!