James Poling

ShareThis recently updated their WordPress plugin to allow you to choose a bunch of great new styles and display options. However, I found out that it took a little trial and error to get it to play nicely and do what I wanted it to do.

IMPORTANT: It was my experience if you already have the ShareThis plugin installed and simply update it, your options won’t show up on your page. You need to first deactivate, then delete the plugin, then reinstall it.

Fixing the Weird Little Lines that Show up at the Bottom of the New ‘ShareThis’ Plugin in Horizontal mode

Once you have the new plugin up and running, one of the popular options seems to be “Horizontal Count”. The problem is that for some reason the default style associated with that choice gives off funky little lines under the two “share” buttons.

It’s not much but it was enough to bug me so here’s how I fixed it.

You’ll need to be able to edit your head tag and add some style code to that.

Add this code inside style tags somewhere before your /head tag:

.stButton_gradient{background-image:url('http://w.sharethis.com/images/gradient.gif');background-repeat:repeat-x;border-left:1px solid #bfbfbf;border-right:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding-left:2px;padding-right:2px;padding-top:0px !important;padding-bottom:0px !important;line-height:16px;font-size:16px;font-family:serif;}


You can see the difference between the image and the actual buttons below. For some reason, the default padding the plugin puts on those buttons causes it to break just a little bit. What the code above does is simply remove the bottom and top padding.

If you try it, post your results in the comments so we can take a look.