CODEWITHSUNDEEP
javascriptjquerysocial-networkingsharethis
user1199059
user1199059

Reputation:

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.

Upvotes: 2

Views: 7897

Answers (2)

Alexander St&#248;ver
Alexander St&#248;ver

Reputation: 645

This is already documented on the ShareThis site. Use the 'st_sharethis_custom' class on your link.

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

Then specify a new icon to use with CSS.

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

Upvotes: 7

Django Anonymous
Django Anonymous

Reputation: 3025

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.

Upvotes: 3

Related Questions