Search code examples
javascriptjquerysocial-networkingsharethis

How can i use my own customized Sharethis image along with sharethis plugin in my website?

How can i use my own customized Sharethis image along with sharethis plugin in my website?

Is anything i can manually do in:- 

<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://localhost/website/js/share-this.js"></script>
<script type="text/javascript">stLight.options({publisher:'fbcd68c9-0a9c-4974-9ada-e106a30e9194'});</script>

I just want to change the basic green color Icon nothing else.

Solution

  • change the properties of this class:-

    <span class="st_sharethis_custom">ShareThis</span>

    Change CSS like this:-

    .st_sharethis_custom{
    background: url("http://path/to/image/file") no-repeat scroll left top transparent;
    padding:0px 16px 0 0;
}

    Also you can edit the img PNG directly from the Share This JS file:-

    Search for:-

    style.backgroundImage

    replace the image location to your custom location.