AddThis How to change the images on Icons

So I have the following mark up

<div class="socialMediaPlugin"> <div class="socialMediaLinks"> <label>Share this page</label> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_google_plusone_share"></a> <a class="addthis_button_pinterest_pinit"></a> <a class="addthis_button_email"></a> </div> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f8448d935e2a296"></script>

And css

<style type="text/css"> .socialMediaPlugin { width: 738px; display: block; float: left; } .socialMediaLinks { float: right; vertical-align:middle; border: 2px solid #DCDCDC; border-radius: 5px 5px 5px 5px; padding: 0px 0px 0px 10px; background-color: white; } .socialMediaLinks a { display: inline-block; padding: 3px; vertical-align:middle; } .socialMediaPlugin label { display: inline-block; margin-right: 15px; } </style>

I am wondering if someone knows how I can change the icons on the social media buttons ? Especially for Pinterest I would like to do it.

Thanks in advance

-------------Problems Reply------------

<a class="addthis_button_pinterest_pinit">
<img src="my_pintrest_icon.gif" width="16" height="16" border="0" alt="Share" />
</a>

Change the img src to whatever you want

Check this for more info:

Category:css Views:0 Time:2012-04-11
Tags: css add in

Related post

  • Lazy loading the addthis script? (or lazy loading external js content dependent on already fired events) 2009-06-03

    I want to have the addthis widget available for my users, but I want to lazy load it so that my page loads as quickly as possible. However, after trying it via a script tag and then via my lazy loading method, it appears to only work via the script t

  • JQuery to Prototype for AddThis 2009-07-06

    I need to put a custom hover menu from http://www.addthis.com/help/toolbox, but Rails uses Prototype whereas the code given is in JQuery. I do not have much experience with either JavaScript library, if someone can help it'd be much appreciated! $(fu

  • How to use www.addthis.com 2009-09-22

    I need to use addthis.com plugin to my website, when they click the email link, i need to pass my own data to the plugin, that needs to be sent to client. Is there anyway to accomplish my goal? --------------Solutions------------- Goto www.addthis.co

  • Customize URL in AddThis 2009-09-25

    How can i access the URL generated in addthis and append a query string before it gets emailed to other persons? Thanks --------------Solutions------------- From their site: To define the URL to share you do it in one of four ways. For our newest too

  • AddThis button will not work inside AJAX, but will work normally 2009-10-21

    Basically, this is what I'm doing. User visits site, loads "index.html" Within index.html, it automatically loads, through AJAX, "details.html" into a DIV. I put an ADDTHIS button on "details.html". However, for some reason , the roll-over doesn't wo

  • Addthis javascript button/widget adding space to top of webpage 2009-12-23

    If you view this page http://www.herkimer.edu/news/view/community_members_complete_jointly_offered_machine_operator_training_progra/ You'll notice a green bar (screen-shot: http://grab.by/1msh) at the very top. It has something to do w/ the addthis w

  • Protect CSS-layout for overlaying div like addthis.com 2010-03-23

    I have an overlaying div (much like addthis.com) that I want to protect from inheriting styles. I have looked at reset-css files such as Blueprint but this tends to screw up the parent styles as well. For instance: User has div { border-right:1px sol

  • AddThis share button wont work in DotNetNuke 2010-05-10

    For some reason when I add a HTML module (well the default module added to DNN 5.4) and then add the "AddThis" javascript. While the button shows up clicking on it opens up a new page rather than showing an iframe modal message or on hover a list of

  • addthis api? Is it possible to bookmark another URL? 2010-05-10

    At the moment, I try to include addthis social-bookmarks to my site. My problem is, that I have to bookmark another link than the url on my site. Instead of www.example.com, I have to bookmark www.example.com?media=my-media-file. From the beginning:

  • Mouse over popup like addthis and sharethis? 2010-05-19

    does any one know how to create a mouse over popup like addthis.com and sharethis.com?? it should popup exactly on a button. and moreover it does not have anything inserted into Head tag.can be attached javascript with that link between body tag but

  • Addthis: Sharing for unique items on page 2010-05-21

    I am using addthis (addthis.com) to offer sharing on items listed on a page (stage.hverdagskupp.no). Since each item on the page is unique, I want the shared information to be unique as well. However, facebook and twitter only seems to allow global p

  • AddThis functionality in android application? 2010-10-11

    i want to share on facebook,tweet on twitter same like Add This functionality any one guide me is it possible in android? if yes, then please guide what is the procedure for all facebook ,twitter,linked in..etc.. and without installing ADD THIS appli

  • AddThis button + Facebook Like button 2010-11-11

    I am trying to use AddThis button on a web page of mine, which you can share, like (facebook), and tweet (twitter) - the AddThis code is pretty straight forward below, <!-- AddThis Button BEGIN --> <div id="share" class="addthis_toolbox addt

  • shareThis vs addThis 2010-11-25

    ShareThis and AddThis are drop-in bookmarking and social link-sharing scripts you can add to an existing website. I don't know which one I should use. What are the cons and pros of each? both doesn't seem to support iframe buttons, am I right? I'm op

  • Addthis parameters doubts 2010-11-29

    I am using Addthis to share my videos to social networking websites like FaceBook,Orkut... But i am not clear about the parameters and the values that should be passed for those parameters fields. var addthis_ui_config = { services_compact: 'facebook

  • Why does an AddThis widget not work if included inside a jQuery modal dialog? 2010-12-08

    If included anywhere else on the page, an AddThis bookmarking widget will work fine. But on a jQuery modal dialog, no popup appears. Is that because it would require another modal dialog within a modal dialog? How to work around this? <div id="dia

  • Coupon displayed after user uses Addthis 2011-01-25

    I see addthis has some sample code that may help: http://www.addthis.com/help/client-api#events In my registration form, I want to display a coupon code in an input text field IF they share my site. Any ideas on how I could do this? --------------Sol

  • addthis.com facebook share to wall - changing title text link using open graph protocol not working 2011-01-28

    Is there a way to change what the title text points to once it becomes a link on the facebook wall/message? I'm using the bookmark.php link mentioned here: http://www.addthis.com/help/custom-buttons. I set these meta tags, thinking "og:url" would set

  • AddThis.com - ScriptManager 2011-02-04

    I am trying to register a JS file after a postback from an Update Panel. I am trying to get AddThis.com to work after a postback. It works if I set the multiview.activeviewindex equal to 1. However If I go from view 1 to view 2 it does not work. Here

  • use javascript variable as url for addthis:url 2011-04-04

    I need to pass a url to addthis, and this is the default code <div class="addthis_toolbox addthis_default_style" addthis:url="http://www.google.com" > I need to pass the url to addthis with a javascript variable, I need it something like <sc

Copyright (C) dskims.com, All Rights Reserved.

processed in 0.073 (s). 11 q(s)